/*
 * Compatibility and component styles for the AYRGOE legacy-site rebuild.
 * Loaded after the existing theme so product/cart/account functionality keeps
 * its original component rules while sharing the AYRGOE header and footer.
 */

.ayrgoe-site {
	--color: #ef8200;
	--hovercolor: #ef8200;
	--fontcolor: #222;
	--introcolor: #777;
	--bordercolor: #e8e8e8;
	--fontsize12: 12px;
	--fontsize13: 13px;
	--fontsize14: 14px;
	--fontsize16: 16px;
	--fontsize18: 18px;
	--fontsize20: 20px;
	--fontsize22: 22px;
	--fontsize26: 26px;
	--fontsize30: 30px;
	--hometitlefont: clamp(32px, 2.5vw, 48px);
	--fontbold4: 400;
	--fontbold5: 500;
	--fontbold6: 600;
	--am-primary: #ef8200;
	--am-accent: #ef8200;
	--am-accent-text: #fff;
	--am-bg: #fff;
	--am-bg-soft: #f7f7f7;
	--am-text: #222;
	--am-text-soft: #777;
	--am-line: #e8e8e8;
	margin: 0;
	color: var(--fontcolor);
	background: #fff;
	font-family: "Lato", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.55;
}

.ayrgoe-site .product-summary__title,
.ayrgoe-site .product-summary__identity,
.ayrgoe-site .summary-box strong,
.ayrgoe-site .product-detail-seo-heading,
.ayrgoe-site .product-information-block > h2,
.ayrgoe-site .reference-number-heading h2 {
	font-family: "Lato", Arial, sans-serif;
}

.ayrgoe-site *,
.ayrgoe-site *::before,
.ayrgoe-site *::after {
	box-sizing: border-box;
}

.ayrgoe-site a {
	color: inherit;
	text-decoration: none;
}

.ayrgoe-site img,
.ayrgoe-site video {
	max-width: 100%;
}

.ayrgoe-wrap,
.ayrgoe-site .l-wrap {
	width: min(86%, 1630px);
	margin-right: auto;
	margin-left: auto;
}

.ayrgoe-home-main ul,
.ayrgoe-about-main ul,
.ayrgoe-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ayrgoe-home-main h1,
.ayrgoe-home-main h2,
.ayrgoe-home-main h3,
.ayrgoe-home-main h4,
.ayrgoe-home-main p,
.ayrgoe-about-main h1,
.ayrgoe-about-main h2,
.ayrgoe-about-main h3,
.ayrgoe-about-main h4,
.ayrgoe-about-main h5,
.ayrgoe-about-main p,
.ayrgoe-footer h2,
.ayrgoe-footer h3,
.ayrgoe-footer p {
	margin-top: 0;
}

.ayrgoe-site .flex,
.ayrgoe-site .flex-ai-c,
.ayrgoe-site .flex-jc-sa,
.ayrgoe-site .flex-jc-sb,
.ayrgoe-site .flex-jc-ai-sb,
.ayrgoe-site .flex-jc-fe {
	display: flex;
	flex-wrap: wrap;
}

.ayrgoe-site .flex-ai-c { align-items: center; }
.ayrgoe-site .flex-jc-sa { justify-content: space-around; }
.ayrgoe-site .flex-jc-sb,
.ayrgoe-site .flex-jc-ai-sb { justify-content: space-between; }
.ayrgoe-site .flex-jc-ai-sb { align-items: center; }
.ayrgoe-site .flex-jc-fe { justify-content: flex-end; }

/* Header */
.ayrgoe-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	background: #fff;
	box-shadow: 0 1px 8px rgb(0 0 0 / 8%);
}

.ayrgoe-topbar {
	position: relative;
	z-index: 20;
	min-height: 40px;
	overflow: visible;
	color: #fff;
	background: #202020;
	font-size: 13px;
}

.ayrgoe-topbar__inner,
.ayrgoe-topbar__contact,
.ayrgoe-socials,
.ayrgoe-navrow,
.ayrgoe-nav-search {
	display: flex;
	align-items: center;
}

.ayrgoe-topbar__inner {
	justify-content: space-between;
	min-height: 40px;
	overflow: visible;
}

.ayrgoe-socials {
	gap: 12px;
}

.ayrgoe-socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgb(255 255 255 / 35%);
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	transition: border-color .2s, background .2s;
}

.ayrgoe-socials a:hover,
.ayrgoe-socials a:focus-visible {
	border-color: var(--color);
	background: var(--color);
}

.ayrgoe-topbar__contact {
	gap: 14px;
}

.ayrgoe-topbar__contact > a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #fff;
}

.ayrgoe-topbar__contact > a:hover { color: var(--color); }
.ayrgoe-topbar__contact > a span { color: var(--color); font-size: 16px; }

.ayrgoe-topbar__contact > .ayrgoe-topbar__action {
	position: relative;
	display: inline-grid;
	width: 30px;
	height: 40px;
	place-items: center;
	color: #fff;
}

.ayrgoe-topbar__action svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.ayrgoe-topbar__contact > .ayrgoe-topbar__action .ayrgoe-topbar__cart-count {
	position: absolute;
	top: 1px;
	right: -3px;
	display: grid;
	min-width: 15px;
	height: 15px;
	padding: 0 4px;
	place-items: center;
	border-radius: 999px;
	background: var(--color);
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	line-height: 15px;
}

.ayrgoe-language {
	position: relative;
	z-index: 30;
}

.ayrgoe-language > button {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 126px;
	padding: 8px 10px;
	border: 0;
	color: #fff;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.ayrgoe-language__flag { font-size: 21px; line-height: 1; }

.ayrgoe-language__arrow {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	line-height: 1;
	transform: translateY(-3px);
}

.ayrgoe-language__menu {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	min-width: 110px;
	padding: 7px;
	background: #fff;
	box-shadow: 0 8px 25px rgb(0 0 0 / 16%);
	z-index: 100;
}

.ayrgoe-language.is-open .ayrgoe-language__menu { display: block; }

.ayrgoe-language__menu a {
	display: block;
	padding: 7px 10px;
	color: #333;
}

.ayrgoe-language__menu a:hover,
.ayrgoe-language__menu a.is-active { color: var(--color); }

.ayrgoe-navbar { position: relative; z-index: 1; background: #fff; }

.ayrgoe-navrow {
	min-height: 86px;
	gap: clamp(14px, 1.6vw, 30px);
}

.ayrgoe-logo {
	flex: 0 0 clamp(128px, 10vw, 180px);
}

.ayrgoe-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 70px;
	object-fit: contain;
}

.ayrgoe-primary-nav {
	display: flex;
	align-items: stretch;
	justify-content: center;
	align-self: stretch;
	flex: 1 1 auto;
	gap: clamp(18px, 1.35vw, 30px);
	min-width: 0;
}

.ayrgoe-nav-search {
	flex: 0 0 clamp(245px, 16vw, 280px);
	height: 42px;
	background: #fff;
	box-shadow: 2px 2px 6px rgb(239 130 0 / 35%);
}

.ayrgoe-nav-search input {
	width: calc(100% - 43px);
	height: 42px;
	padding: 0 14px;
	border: 0;
	outline: 0;
	color: #444;
	background: transparent;
	font: inherit;
	font-size: 14px;
}

.ayrgoe-nav-search button {
	display: grid;
	width: 43px;
	height: 42px;
	padding: 0;
	place-items: center;
	border: 0;
	color: var(--color);
	background: #fff;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

.ayrgoe-nav-search button:hover { color: #fff; background: var(--color); }

.ayrgoe-primary-nav > a,
.ayrgoe-nav-dropdown > a {
	position: relative;
	display: flex;
	align-items: center;
	white-space: nowrap;
	color: #222;
	font-size: clamp(12px, .78vw, 15px);
	font-weight: 600;
	text-transform: capitalize;
}

.ayrgoe-primary-nav > a::after,
.ayrgoe-nav-dropdown > a::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background: var(--color);
	content: "";
	transform: scaleX(0);
	transition: transform .2s;
}

.ayrgoe-primary-nav > a:hover,
.ayrgoe-primary-nav > a.is-active,
.ayrgoe-nav-dropdown:hover > a,
.ayrgoe-nav-dropdown.is-active > a { color: var(--color); }

.ayrgoe-primary-nav > a:hover::after,
.ayrgoe-primary-nav > a.is-active::after,
.ayrgoe-nav-dropdown:hover > a::after,
.ayrgoe-nav-dropdown.is-active > a::after { transform: scaleX(1); }

.ayrgoe-nav-dropdown {
	position: relative;
	display: flex;
	align-items: stretch;
}

.ayrgoe-nav-dropdown > a { gap: 8px; }

.ayrgoe-nav-dropdown__arrow {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-right: 1.5px solid currentcolor;
	border-bottom: 1.5px solid currentcolor;
	transform: rotate(45deg);
}

.ayrgoe-nav-dropdown__menu {
	position: absolute;
	top: 100%;
	left: 50%;
	display: grid;
	grid-template-columns: repeat(2, minmax(180px, 1fr));
	visibility: hidden;
	width: 440px;
	padding: 14px;
	background: #fff;
	box-shadow: 0 12px 32px rgb(0 0 0 / 16%);
	opacity: 0;
	transform: translate(-50%, 10px);
	transition: opacity .2s, transform .2s, visibility .2s;
}

.ayrgoe-nav-dropdown:hover .ayrgoe-nav-dropdown__menu,
.ayrgoe-nav-dropdown:focus-within .ayrgoe-nav-dropdown__menu {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0);
}

.ayrgoe-nav-dropdown__menu a {
	padding: 9px 12px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
}

.ayrgoe-nav-dropdown__menu a:hover { color: var(--color); }

.ayrgoe-shop-tools {
	flex: 0 0 auto;
	gap: 6px;
}

.ayrgoe-shop-tools button,
.ayrgoe-tool-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	color: #222;
	background: #f4f4f4;
	font-size: 19px;
	cursor: pointer;
}

.ayrgoe-shop-tools button:hover,
.ayrgoe-tool-link:hover { color: #fff; background: var(--color); }

.ayrgoe-tool-link span {
	position: absolute;
	top: -5px;
	right: -5px;
	display: grid;
	min-width: 17px;
	height: 17px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: var(--color);
	font-size: 10px;
}

.ayrgoe-header-search {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding: 16px 0;
	border-top: 1px solid #eee;
	background: #fff;
	box-shadow: 0 12px 22px rgb(0 0 0 / 10%);
}

.ayrgoe-header-search[hidden] { display: none; }
.ayrgoe-header-search .ayrgoe-wrap { display: flex; }

.ayrgoe-header-search input {
	flex: 1;
	min-width: 0;
	padding: 12px 16px;
	border: 1px solid #ddd;
	font: inherit;
}

.ayrgoe-header-search button {
	padding: 0 28px;
	border: 0;
	color: #fff;
	background: var(--color);
	font-weight: 700;
	text-transform: uppercase;
}

.ayrgoe-menu-toggle { display: none; }

/* Footer */
.ayrgoe-footer {
	position: relative;
	color: #bbb;
	background: #1e1e1e;
}

.ayrgoe-newsletter {
	padding: 25px 0;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	background-color: #282828;
	background-image: url("../ayrgoe/external/foot-bg.webp");
	background-position: center;
	background-size: cover;
}

.ayrgoe-newsletter__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.ayrgoe-newsletter h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(24px, 2vw, 34px);
	font-weight: 500;
}

.ayrgoe-newsletter__form {
	display: flex;
	width: min(100%, 630px);
}

.ayrgoe-newsletter__form input {
	flex: 1;
	min-width: 0;
	padding: 15px 20px;
	border: 1px solid #555;
	color: #fff;
	background: transparent;
	font: inherit;
}

.ayrgoe-newsletter__form button {
	padding: 0 30px;
	border: 0;
	color: #fff;
	background: var(--color);
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.ayrgoe-footer-main {
	padding: 0;
	background-color: #222;
	background-image: url("../ayrgoe/external/foot-bg.webp");
	background-position: center;
	background-size: cover;
}

.ayrgoe-footer-grid {
	display: grid;
	grid-template-columns: 1.18fr 1.2fr 1fr 1.25fr;
	gap: 0;
}

.ayrgoe-footer-grid > section {
	min-width: 0;
	padding: 45px clamp(22px, 2vw, 38px) 52px;
	border-right: 1px solid rgb(255 255 255 / 14%);
}

.ayrgoe-footer-grid > section:first-child { padding-left: 0; }
.ayrgoe-footer-grid > section:last-child { padding-right: 0; border-right: 0; }

.ayrgoe-footer-grid h2 {
	margin-bottom: 22px;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

.ayrgoe-footer-about img {
	display: block;
	width: 195px;
	height: auto;
	margin-bottom: 28px;
}

.ayrgoe-footer-about p,
.ayrgoe-footer-contact p {
	max-width: 400px;
	color: #aaa;
	line-height: 1.8;
}

.ayrgoe-footer-links {
	display: grid;
	gap: 9px;
}

.ayrgoe-footer-links--columns {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 24px;
}

.ayrgoe-footer-links--columns a {
	position: relative;
	padding-left: 14px;
}

.ayrgoe-footer-links--columns a::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #ddd;
	content: "+";
}

.ayrgoe-footer-links a,
.ayrgoe-footer-contact a {
	display: block;
	color: #aaa;
	font-size: 14px;
}

.ayrgoe-footer-links a:hover,
.ayrgoe-footer-contact a:hover { color: var(--color); }

.ayrgoe-footer-contact h3 {
	position: relative;
	margin: 17px 0 7px;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}

.ayrgoe-footer-contact h3::before {
	position: absolute;
	top: .65em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--color);
	content: "";
}

.ayrgoe-footer-bottom {
	padding: 20px 0;
	border-top: 1px solid rgb(255 255 255 / 10%);
	background: #171717;
}

.ayrgoe-footer-bottom__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ayrgoe-footer-bottom p { margin: 0; font-size: 13px; }

.ayrgoe-back-to-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 990;
	display: grid;
	visibility: hidden;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 0;
	border-radius: 50%;
	color: #fff;
	background: var(--color);
	font-size: 22px;
	opacity: 0;
	cursor: pointer;
	transition: opacity .2s, visibility .2s;
}

.ayrgoe-back-to-top.is-visible { visibility: visible; opacity: 1; }

/* Old home shell compatibility */
.ayrgoe-home-main { overflow: hidden; background: #fff; }
.ayrgoe-home-main .swiper-container { position: relative; overflow: hidden; }
.ayrgoe-home-main .swiper-wrapper { display: flex; }
.ayrgoe-home-main .swiper-slide { position: relative; flex: 0 0 auto; }
.ayrgoe-home-main .lazy-wrap { display: block; position: relative; overflow: hidden; }
.ayrgoe-home-main .lazy-wrap img { display: block; width: 100%; transition: transform .35s; }
.ayrgoe-home-main .more-btn { display: inline-block; }
.ayrgoe-home-main .home-label { margin: 0; color: var(--color); font-size: 13px; font-weight: 700; letter-spacing: 1.8px; text-align: center; text-transform: uppercase; }
.ayrgoe-home-main .home-title { color: #222; font-family: "Rajdhani", "Lato", sans-serif; font-weight: 700; }
#projects .home-title { color: #fff; }

#home-swiper .swiper-prev,
#home-swiper .swiper-next,
#home-swiper .banner-pagination { display: none; }
#home-swiper .swiper-wrapper,
#home-swiper .swiper-slide { width: 100%; }
#home-swiper img { display: block; width: 100%; height: auto; }

#brand .brand-list { flex-wrap: nowrap; justify-content: space-between; }
#brand .brand-list li { width: auto; padding-left: 0; }

#about .about-img video { display: block; width: 100%; min-height: 340px; object-fit: cover; }

#projects::before {
	height: 62%;
	background-color: #222;
	background-image: url("../ayrgoe/uploads/43180/page/p20250519135650f0ce1.png") !important;
	background-position: center;
	background-size: cover;
}

#projects #home-projects { overflow: visible; padding: 2% 0 8%; }
#projects #home-projects .swiper-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr) minmax(0, 1fr);
	align-items: center;
	gap: 2.5%;
}
#projects #home-projects .swiper-slide,
#projects #home-projects .swiper-slide.swiper-slide-prev,
#projects #home-projects .swiper-slide.swiper-slide-next,
#projects #home-projects .swiper-slide.swiper-slide-active {
	flex: none;
	width: auto;
	transform: none;
}

#projects #home-projects .swiper-slide:nth-child(1) { order: 2; }
#projects #home-projects .swiper-slide:nth-child(2) { order: 1; }
#projects #home-projects .swiper-slide:nth-child(3) { order: 3; }
#projects #home-projects video { display: block; width: 100%; aspect-ratio: 16 / 10; background: #111; object-fit: cover; }
#projects #home-projects .swiper-slide .projects-cont { bottom: 8%; opacity: 1; }

#product .pro-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
#product .pro-list li,
#product .pro-list li:nth-of-type(4n) { width: auto; margin: 0 0 16px; }
#product .pro-list li .pro-img img { aspect-ratio: 1; object-fit: contain; }
#product .pro-list li .pro-cont .more-btn { color: var(--color); }
#product .pro-list li .pro-cont .more-btn:hover { color: #d46f00; }

#info {
	background-color: #151515;
	background-image: url("../ayrgoe/uploads/43180/page/p20250519135715692ff.png") !important;
	background-position: center top;
	background-size: cover;
}

#info .info-bottom { flex-wrap: nowrap; gap: 24px; }
#info .info-item { flex: 1; width: auto; background-image: linear-gradient(rgb(255 255 255 / 97%), rgb(255 255 255 / 97%)), url("../ayrgoe/external/info-item-bg.webp"); }

.hequip { padding: 4% 0 5%; background: #fff; }
.hequip .home-title {
	margin: 3% 0;
	font-family: "Lato", sans-serif;
	font-size: clamp(32px, 2.7vw, 43px);
	font-weight: 400;
}

#hequip { display: flex; justify-content: space-between; flex-wrap: wrap; }
#hequip .tab-top { display: block; width: 30%; margin: 0; }
#hequip .tabs-item {
	position: relative;
	padding: 20px 50px;
	border-bottom: 1px solid #999;
	color: #999;
	font-size: 25px;
	line-height: 1.25;
	cursor: pointer;
}

#hequip .tabs-item.active { border-color: #000; color: #000; }
#hequip .tabs-item::before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: none;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #000;
	content: "";
	transform: translateY(-50%);
}

#hequip .tabs-item.active::before { display: block; }
#hequip .tab-bottom { width: 67%; }
#hequip .tab-info { display: none; justify-content: space-between; flex-wrap: wrap; gap: 0; }
#hequip .tab-info.active { display: flex; }
#hequip .tab-info .item { width: 32%; margin-bottom: 1.5%; overflow: hidden; background: #f3f3f3; }
#hequip .tab-info:nth-child(1) .item:nth-child(1),
#hequip .tab-info:nth-child(1) .item:nth-child(2),
#hequip .tab-info:nth-child(2) .item { width: 49%; }
#hequip .tab-info img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.hcu-con { padding: 4% 0; background: #f6f6f6; }
.hcu-con #hcu-swiper { overflow: hidden; }
.hcu-con .swiper-wrapper { gap: 20px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.hcu-con .swiper-wrapper::-webkit-scrollbar { display: none; }
.hcu-con .swiper-slide { flex: 0 0 calc(25% - 15px); }
.hcu-con .swiper-slide img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: #f6f6f6; }
.hcu-left,
.hcu-right { position: absolute; top: 50%; z-index: 3; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; background: rgb(0 0 0 / 55%); cursor: pointer; transform: translateY(-50%); }
.hcu-left { left: 14px; }
.hcu-right { right: 14px; }
.hcu-left em::before { content: "‹"; font-style: normal; font-size: 26px; }
.hcu-right em::before { content: "›"; font-style: normal; font-size: 26px; }

#news { margin-top: 2%; padding: 2% 0 6%; background: #f5f5f5; }
#news .home-label { display: none; }
#news .home-title {
	margin-bottom: 48px;
	font-family: "Lato", sans-serif;
	font-size: clamp(32px, 2.7vw, 43px);
	font-weight: 400;
}

#news #home-news .news-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
#news #home-news .news-list .swiper-slide {
	display: flex;
	width: auto;
	min-height: 286px;
	align-items: stretch;
	background: #fff;
}

#news #home-news .news-list .swiper-slide:nth-child(n+3) { flex-direction: row-reverse; }
#news #home-news .news-list .news-item-img { width: 50%; }
#news #home-news .news-list .news-item-img .lazy-wrap { height: 100%; }
#news #home-news .news-list .news-item-img img { width: 100%; height: 100%; max-height: none; object-fit: cover; }
#news #home-news .news-list .news-item-cont {
	display: flex;
	width: 50%;
	min-height: 0;
	margin: 0;
	padding: 36px 5%;
	flex-direction: column;
	justify-content: center;
	background: #fff;
	box-shadow: none;
	transform: none;
}

#news #home-news .news-list .news-item-cont .more-btn { color: var(--color); }

/* Scroll-in motion matching the legacy site's gentle block reveals. */
.has-ayrgoe-reveal [data-ayrgoe-reveal] {
	opacity: 0;
	transform: translateY(34px);
	transition: opacity .75s ease, transform .75s ease;
	transition-delay: var(--ayrgoe-reveal-delay, 0ms);
}

.has-ayrgoe-reveal [data-ayrgoe-reveal].is-revealed { opacity: 1; transform: translateY(0); }

/* About old rich-content shell */
.ayrgoe-about-main { overflow: hidden; background: #fff; }
.ayrgoe-about-main .inner-banner { height: 85px; min-height: 85px; background: #f7f7f7; }
.ayrgoe-about-main .breadcrumb .breadcrumb-box { display: flex; align-items: center; gap: 7px; }
.ayrgoe-about-main .breadcrumb h1 { display: inline; margin: 0; color: var(--color); font-size: 14px; }
.ayrgoe-about-main .common-main { margin: 3% 0; }
.ayrgoe-about-main article img { height: auto; }
.ayrgoe-about-main iframe { max-width: 100%; }
.ayrgoe-about-main [class*="kche-wrap-width"] { max-width: 1600px; margin-right: auto; margin-left: auto; }

.ayrgoe-about-main #hcu-swiper,
.ayrgoe-about-main #abpack-swiper { overflow: hidden; }

.ayrgoe-about-main #hcu-swiper .swiper-wrapper,
.ayrgoe-about-main #abpack-swiper .swiper-wrapper {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.ayrgoe-about-main #hcu-swiper .swiper-wrapper::-webkit-scrollbar,
.ayrgoe-about-main #abpack-swiper .swiper-wrapper::-webkit-scrollbar { display: none; }

.ayrgoe-about-main #hcu-swiper .swiper-slide,
.ayrgoe-about-main #abpack-swiper .swiper-slide {
	flex: 0 0 calc(25% - 15px);
	width: auto;
	min-width: 0;
	scroll-snap-align: start;
}

.ayrgoe-about-main #hcu-swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background: #f6f6f6;
}

.ayrgoe-about-main #abpack-swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}

/* Shared inner pages */
.ayrgoe-inner-banner {
	height: 85px;
	background: #f7f7f7;
}

.ayrgoe-breadcrumb {
	position: relative;
	z-index: 2;
	height: 0;
}

.ayrgoe-breadcrumb span {
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	font-size: 14px;
	transform: translateY(-100%);
}

.ayrgoe-breadcrumb a:hover,
.ayrgoe-breadcrumb strong { color: var(--color); }

/* Human-readable sitemap */
.ayrgoe-html-sitemap { padding: 55px 0 70px; }
.ayrgoe-html-sitemap__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.ayrgoe-html-sitemap__group { padding: 28px 30px; border: 1px solid #eee; background: #fff; box-shadow: 0 8px 30px rgb(0 0 0 / 4%); }
.ayrgoe-html-sitemap__group h2 { margin: 0 0 18px; font-size: 21px; }
.ayrgoe-html-sitemap__group ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.ayrgoe-html-sitemap__group a { color: #555; }
.ayrgoe-html-sitemap__group a::before { margin-right: 8px; color: var(--color); content: "+"; }
.ayrgoe-html-sitemap__group a:hover { color: var(--color); }

/* Contact */
.ayrgoe-contact-main { padding-top: 55px; }
.ayrgoe-contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 60px; }
.ayrgoe-contact-cards article { min-height: 220px; padding: 36px 25px; border: 1px solid #eee; text-align: center; box-shadow: 0 8px 30px rgb(0 0 0 / 4%); }
.ayrgoe-contact-cards i { display: grid; width: 62px; height: 62px; margin: 0 auto 20px; place-items: center; border-radius: 50%; color: #fff; background: var(--color); font-size: 28px; font-style: normal; }
.ayrgoe-contact-cards h2 { margin: 0 0 12px; font-size: 20px; }
.ayrgoe-contact-cards a { display: block; color: #666; }
.ayrgoe-contact-cards a:hover { color: var(--color); }
.ayrgoe-contact-cards p { max-width: 440px; margin: 0 auto; color: #666; }

.ayrgoe-contact-form-row { display: grid; grid-template-columns: minmax(300px, 410px) 1fr; min-height: 522px; margin-bottom: 65px; background: #f7f7f7; }
.ayrgoe-contact-form-row figure { margin: 0; overflow: hidden; }
.ayrgoe-contact-form-row figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ayrgoe-contact-form-panel { padding: 45px clamp(30px, 5vw, 80px); }
.ayrgoe-contact-form-panel h2 { margin: 0 0 25px; font-size: clamp(25px, 2vw, 34px); }
.ayrgoe-contact-form-panel form,
.ayrgoe-sidebar-inquiry form { display: grid; gap: 15px; }
.ayrgoe-contact-form-panel label,
.ayrgoe-sidebar-inquiry label { display: grid; gap: 6px; color: #555; font-size: 13px; }
.ayrgoe-contact-form-panel input,
.ayrgoe-contact-form-panel textarea,
.ayrgoe-sidebar-inquiry input,
.ayrgoe-sidebar-inquiry textarea { width: 100%; padding: 12px 14px; border: 1px solid #ddd; border-radius: 0; background: #fff; font: inherit; }
.ayrgoe-contact-form-panel textarea,
.ayrgoe-sidebar-inquiry textarea { resize: vertical; }
.ayrgoe-contact-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ayrgoe-contact-form-panel button,
.ayrgoe-sidebar-inquiry button { justify-self: start; min-width: 140px; padding: 13px 24px; border: 0; color: #fff; background: var(--color); font-weight: 700; text-transform: uppercase; cursor: pointer; }
.ayrgoe-form-notice { padding: 12px 15px; border-left: 3px solid var(--color); background: #fff; }
.ayrgoe-form-notice--sent { border-color: #3a9b58; }
.ayrgoe-map { font-size: 0; }
.ayrgoe-map iframe { display: block; border: 0; }

/* News / Blog list and detail */
.ayrgoe-articles-main { padding: 55px 0 75px; }
.ayrgoe-articles-layout { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); gap: clamp(35px, 5vw, 80px); align-items: start; }
.ayrgoe-article-sidebar { display: grid; gap: 35px; }
.ayrgoe-sidebar-search { display: flex; }
.ayrgoe-sidebar-search input { flex: 1; min-width: 0; padding: 13px 15px; border: 1px solid #e5e5e5; font: inherit; }
.ayrgoe-sidebar-search button { width: 48px; border: 0; color: #fff; background: var(--color); font-size: 24px; cursor: pointer; }
.ayrgoe-sidebar-latest,
.ayrgoe-sidebar-inquiry { padding: 25px; border: 1px solid #e9e9e9; }
.ayrgoe-sidebar-latest h2,
.ayrgoe-sidebar-inquiry h2 { position: relative; margin: 0 0 22px; padding-bottom: 12px; font-size: 20px; }
.ayrgoe-sidebar-latest h2::after,
.ayrgoe-sidebar-inquiry h2::after { position: absolute; bottom: 0; left: 0; width: 38px; height: 2px; background: var(--color); content: ""; }
.ayrgoe-sidebar-post { display: grid; grid-template-columns: 82px 1fr; gap: 13px; align-items: center; padding: 13px 0; border-bottom: 1px solid #eee; }
.ayrgoe-sidebar-post:last-child { border-bottom: 0; }
.ayrgoe-sidebar-post img { width: 82px; height: 68px; object-fit: cover; }
.ayrgoe-sidebar-post strong { display: -webkit-box; overflow: hidden; color: #333; font-size: 13px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ayrgoe-sidebar-post time { display: block; margin-top: 5px; color: #999; font-size: 11px; }
.ayrgoe-sidebar-post:hover strong { color: var(--color); }
.ayrgoe-sidebar-inquiry button { width: 100%; }

.ayrgoe-article-list { min-width: 0; }
.ayrgoe-list-article { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 48px; align-items: stretch; min-height: 240px; margin-bottom: 40px; background: #fcfcfc; }
.ayrgoe-list-article__image { position: relative; display: block; overflow: hidden; background: #f2f2f2; }
.ayrgoe-list-article__image > img { display: block; width: 100%; height: 240px; object-fit: cover; transition: transform .35s; }
.ayrgoe-list-article:hover .ayrgoe-list-article__image > img { transform: scale(1.04); }
.ayrgoe-list-article__image time { position: absolute; top: 14px; left: 14px; min-width: 58px; padding: 8px; border-bottom: 2px solid var(--color); background: #fff; font-size: 12px; text-align: center; text-transform: uppercase; }
.ayrgoe-list-article__image time strong { display: block; font-size: 22px; line-height: 1; }
.ayrgoe-list-article__content { display: flex; min-width: 0; padding: 28px 38px 28px 0; flex-direction: column; justify-content: center; }
.ayrgoe-list-article__content h2 { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.35; }
.ayrgoe-list-article__content h2 a:hover { color: var(--color); }
.ayrgoe-list-article__content p { display: -webkit-box; margin: 0 0 20px; overflow: hidden; color: #666; font-size: 16px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ayrgoe-view-more { display: inline-flex; width: 150px; min-height: 41px; align-items: center; justify-content: center; border-radius: 3px; color: #fff !important; background: #252525; font-size: 14px; font-weight: 400; text-transform: lowercase; transition: background .25s; }
.ayrgoe-view-more:hover { color: #fff !important; background: var(--color); }

.ayrgoe-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 25px; }
.ayrgoe-pagination .page-numbers { display: grid; min-width: 38px; height: 38px; padding: 0 10px; place-items: center; border: 1px solid #e5e5e5; }
.ayrgoe-pagination .page-numbers.current,
.ayrgoe-pagination a.page-numbers:hover { border-color: var(--color); color: #fff; background: var(--color); }

.ayrgoe-single-article { min-width: 0; }
.ayrgoe-single-article > header { margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid #eee; text-align: center; }
.ayrgoe-single-article h1 { margin: 0 0 14px; font-size: clamp(28px, 3vw, 44px); line-height: 1.25; }
.ayrgoe-single-article > header time { color: #999; }
.ayrgoe-single-article__content { color: #555; font-size: 16px; line-height: 1.85; }
.ayrgoe-single-article__content img { display: inline-block; max-width: 100%; height: auto; }
.ayrgoe-single-article__content iframe,
.ayrgoe-single-article__content video { max-width: 100%; }
.ayrgoe-single-article__content a { color: var(--color); text-decoration: underline; }

@media (max-width: 1540px) {
	.ayrgoe-wrap,
	.ayrgoe-site .l-wrap { width: min(92%, 1450px); }
	.ayrgoe-primary-nav { gap: 18px; }
	.ayrgoe-primary-nav > a,
	.ayrgoe-nav-dropdown > a { font-size: 12px; }
	.ayrgoe-logo { flex-basis: 140px; }
	.ayrgoe-nav-search { flex-basis: 250px; }
	#hequip .tabs-item { font-size: 20px; }
}

@media (max-width: 1280px) {
	.ayrgoe-navrow { min-height: 76px; }
	.ayrgoe-menu-toggle {
		display: grid;
		width: 42px;
		height: 42px;
		padding: 10px;
		border: 0;
		background: #f3f3f3;
		cursor: pointer;
	}
	.ayrgoe-menu-toggle i { display: block; height: 2px; background: #222; }
	.ayrgoe-primary-nav {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: none;
		align-items: stretch;
		padding: 15px 4%;
		background: #fff;
		box-shadow: 0 12px 26px rgb(0 0 0 / 14%);
	}
	.ayrgoe-primary-nav.is-open { display: grid; grid-template-columns: repeat(3, 1fr); }
	.ayrgoe-primary-nav > a,
	.ayrgoe-nav-dropdown > a { min-height: 44px; padding: 8px 10px; font-size: 14px; }
	.ayrgoe-nav-dropdown { display: block; }
	.ayrgoe-nav-dropdown__menu { display: none; }
	.ayrgoe-logo { margin-right: auto; }
	.ayrgoe-nav-search { order: 2; }
	.ayrgoe-menu-toggle { order: 3; }
	.ayrgoe-footer-grid { grid-template-columns: repeat(2, 1fr); }
	.ayrgoe-footer-grid > section { padding: 38px 30px; }
	.ayrgoe-footer-grid > section:nth-child(2n) { border-right: 0; }
	.ayrgoe-footer-grid > section:first-child { padding-left: 30px; }
	.ayrgoe-footer-grid > section:last-child { padding-right: 30px; }
	#hequip .tabs-item { font-size: 18px; }
}

@media (max-width: 900px) {
	.ayrgoe-topbar__mail { display: none !important; }
	.ayrgoe-newsletter__inner { align-items: stretch; flex-direction: column; gap: 20px; }
	.ayrgoe-newsletter__form { width: 100%; }
	#brand .brand-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px 25px; }
	#brand .brand-list li { justify-content: center; }
	#projects #home-projects .swiper-wrapper { grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, 1fr); align-items: stretch; }
	#product .pro-list,
	#news #home-news .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#news #home-news .news-list .swiper-slide { min-height: 230px; }
	#news #home-news .news-list .news-item-cont { padding: 24px 5%; }
	#info .info-bottom { flex-wrap: wrap; }
	#info .info-item { flex: 1 1 calc(50% - 12px); }
	.hcu-con .swiper-slide { flex-basis: calc(50% - 10px); }
	.ayrgoe-contact-cards { grid-template-columns: 1fr; }
	.ayrgoe-about-main #hcu-swiper .swiper-slide,
	.ayrgoe-about-main #abpack-swiper .swiper-slide { flex-basis: calc(50% - 10px); }
	.ayrgoe-contact-form-row { grid-template-columns: 300px 1fr; }
	.ayrgoe-articles-layout { grid-template-columns: 1fr; }
	.ayrgoe-article-sidebar { grid-template-columns: repeat(2, 1fr); }
	.ayrgoe-sidebar-search { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
	.ayrgoe-wrap,
	.ayrgoe-site .l-wrap { width: calc(100% - 30px); }
	.ayrgoe-topbar__inner { justify-content: flex-end; }
	.ayrgoe-topbar > .ayrgoe-wrap > .ayrgoe-socials { display: none; }
	.ayrgoe-topbar__contact { gap: 10px; }
	.ayrgoe-navrow { gap: 10px; }
	.ayrgoe-logo { flex-basis: 118px; }
	.ayrgoe-nav-search { flex-basis: 145px; }
	.ayrgoe-nav-search input { width: calc(100% - 40px); padding: 0 10px; }
	.ayrgoe-nav-search button { width: 40px; }
	.ayrgoe-primary-nav.is-open { grid-template-columns: 1fr; max-height: calc(100vh - 116px); overflow: auto; }
	.ayrgoe-footer-grid { grid-template-columns: 1fr; }
	.ayrgoe-html-sitemap__grid { grid-template-columns: 1fr; }
	.ayrgoe-footer-grid > section,
	.ayrgoe-footer-grid > section:first-child,
	.ayrgoe-footer-grid > section:last-child { padding: 34px 0; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 14%); }
	.ayrgoe-footer-grid > section:last-child { border-bottom: 0; }
	.ayrgoe-footer-bottom__inner { align-items: flex-start; flex-direction: column; gap: 15px; }
	.ayrgoe-newsletter__form button { padding: 0 14px; font-size: 12px; }
	#brand .brand-list { gap: 30px 12px; }
	#brand .brand-list li { align-items: flex-start; flex-direction: column; }
	#brand .brand-list li .brand-label { padding-left: 0; }
	#about .l-wrap { display: block; }
	#projects #home-projects { overflow: visible; }
	#projects #home-projects .swiper-wrapper { width: 100%; grid-template-columns: 1fr; gap: 18px; }
	#projects #home-projects .swiper-slide:nth-child(1),
	#projects #home-projects .swiper-slide:nth-child(2),
	#projects #home-projects .swiper-slide:nth-child(3) { order: initial; }
	#product .pro-list,
	#news #home-news .news-list { grid-template-columns: 1fr; }
	#info .info-item { flex-basis: 100%; }
	#hequip .tab-top { width: 100%; margin-bottom: 20px; }
	#hequip .tab-bottom { width: 100%; }
	#hequip .tabs-item { padding: 15px 42px; font-size: 17px; }
	#news #home-news .news-list .swiper-slide,
	#news #home-news .news-list .swiper-slide:nth-child(n+3) { min-height: 0; flex-direction: row; }
	#news #home-news .news-list .news-item-cont { padding: 24px 18px; }
	.hcu-con .swiper-slide { flex-basis: 82%; }
.hcu-con .swiper-slide img { height: auto; }
	.ayrgoe-about-main #hcu-swiper .swiper-slide,
	.ayrgoe-about-main #abpack-swiper .swiper-slide { flex-basis: 82%; }
	.ayrgoe-contact-form-row { grid-template-columns: 1fr; }
	.ayrgoe-contact-form-row figure { max-height: 360px; }
	.ayrgoe-contact-form-panel { padding: 30px 20px; }
	.ayrgoe-contact-form-grid { grid-template-columns: 1fr; }
	.ayrgoe-article-sidebar { grid-template-columns: 1fr; }
	.ayrgoe-list-article { grid-template-columns: 1fr; gap: 0; }
	.ayrgoe-list-article__image > img { height: auto; aspect-ratio: 1.45; }
	.ayrgoe-list-article__content { padding: 24px; }
	.ayrgoe-list-article__content h2 { font-size: 18px; }
	.ayrgoe-single-article h1 { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
	.has-ayrgoe-reveal [data-ayrgoe-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Fourth feedback: consistent commercial terms and account actions. */
.ayrgoe-site .summary-box-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ayrgoe-site .summary-box { background: #fff; }
.ayrgoe-site .summary-box--price { grid-column: auto; background: #fff7f0; }
.ayrgoe-site .summary-box strong { font-family: var(--am-font-body); font-size: 14px; font-weight: 400; line-height: 1.5; }
.ayrgoe-site .summary-box--price strong { color: var(--am-primary); font-size: 18px; }
.ayrgoe-site .summary-box__label { color: #888; letter-spacing: 0; font-weight: 400; }
.ayrgoe-account-menu { position: relative; }
.ayrgoe-account-menu summary { cursor: pointer; list-style: none; }
.ayrgoe-account-menu summary::-webkit-details-marker { display: none; }
.ayrgoe-account-menu__links { position: absolute; right: 0; top: calc(100% + 8px); min-width: 180px; padding: 8px 0; background: #fff; color: #222; box-shadow: 0 5px 24px #0003; z-index: 100; }
.ayrgoe-account-menu__links a { display: block; padding: 10px 16px; white-space: nowrap; }
.ayrgoe-account-menu__links a:hover, .ayrgoe-account-menu__links a:focus-visible { background: #fff7f0; color: #f38a00; }
.archive-category-intro { margin-bottom: 24px; }
.archive-category-intro h1 { font-size: clamp(24px, 3vw, 36px); margin: 0 0 12px; }
.archive-category-intro p { line-height: 1.7; }
.ayrgoe-site .product-gallery { min-width: 0; }
.ayrgoe-site .summary-box strong { font-family: "Lato", Arial, sans-serif; }