/* JNSA Mart v2 — scale, two-level header, footer, larger product cards */

:root {
	--jn-container: 1480px;
	--jn-gutter: clamp(20px, 3.2vw, 64px);
}

.jn-container {
	width: 100%;
	max-width: calc(var(--jn-container) + var(--jn-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--jn-gutter);
	box-sizing: border-box;
}

.jn-v2 .jnsa-header,
.jn-v2 .jnsa-footer { display: none !important; }

/* ------------------------------------------------------------ Header */

.jn-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #fff;
	transition: box-shadow .3s ease;
}
.admin-bar .jn-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .jn-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .jn-header { top: 0; } }
.jn-header.is-scrolled { box-shadow: 0 10px 30px rgba(17, 24, 39, .08); }
.jn-header a { text-decoration: none; }

.jn-header-main-in {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(24px, 3vw, 56px);
	padding-block: 20px;
	transition: padding .3s ease;
}
.jn-header.is-scrolled .jn-header-main-in { padding-block: 12px; }

.jn-burger { display: none; }
.jn-logo { display: inline-flex; align-items: center; }
.jn-logo-img {
	display: block;
	width: auto;
	height: clamp(54px, 2vw + 26px, 66px);
	max-width: 290px;
	object-fit: contain;
	transition: height .3s ease;
}
.jn-header.is-scrolled .jn-logo-img { height: 50px; }

.jn-search {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 840px;
	height: 58px;
	margin-inline: auto;
	background: #F6F7F9;
	border: 1.5px solid #E5E8EE;
	border-radius: 14px;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.jn-search:focus-within { background: #fff; border-color: #012D68; box-shadow: 0 0 0 4px rgba(1, 45, 104, .08); }
.jn-search-icon { position: absolute; left: 18px; display: flex; color: #9CA3AF; pointer-events: none; }
.jn-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0 16px 0 52px;
	border: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	color: #111827;
	font-family: var(--jn-font);
	font-size: 16px;
}
.jn-search input[type="search"]::placeholder { color: #9CA3AF; }
.jn-search button {
	height: calc(100% - 10px);
	margin: 5px;
	padding: 0 28px;
	border: 0;
	border-radius: 10px;
	background: #012D68;
	color: #fff;
	font-family: var(--jn-font);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.jn-search button:hover { background: #F97A00; color: #012D68; }

.jn-header-actions { display: flex; align-items: center; gap: clamp(18px, 2vw, 34px); }
.jn-ha { display: inline-flex; align-items: center; gap: 11px; color: #012D68; transition: color .2s ease; }
.jn-ha:hover { color: #D96A02; }
.jn-ha-text { display: flex; flex-direction: column; line-height: 1.2; }
.jn-ha-text small { color: #6B7280; font-size: 12.5px; font-weight: 500; }
.jn-ha-text strong { font-size: 16px; font-weight: 700; }
.jn-ha .jnsa-bag { position: relative; display: inline-flex; }
.jn-ha .jnsa-cart-count { top: -8px; right: -10px; min-width: 20px; height: 20px; line-height: 20px; font-size: 11px; }

.jn-header-nav { border-top: 1px solid #EEF0F4; border-bottom: 1px solid #EEF0F4; background: #fff; }
.jn-header-nav-in { display: flex; align-items: center; gap: clamp(24px, 3vw, 48px); min-height: 62px; }

.jn-cats > summary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 10px;
	background: #012D68;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
	user-select: none;
}
.jn-cats-list { min-width: 270px; }
.jn-cats-list a { font-size: 15px; padding: 12px 14px; }

.jn-nav { flex: 1; min-width: 0; }
.jn-nav-list { display: flex; flex-wrap: wrap; gap: clamp(22px, 2.6vw, 46px); margin: 0; padding: 0; list-style: none; }
.jn-nav-list li { margin: 0; }
.jn-nav-list a {
	position: relative;
	display: block;
	padding: 20px 0;
	color: #111827;
	font-size: 16px;
	font-weight: 600;
	transition: color .2s ease;
}
.jn-nav-list a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13px;
	height: 2px;
	background: #F97A00;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
}
.jn-nav-list a:hover, .jn-nav-list .current-menu-item > a { color: #012D68; }
.jn-nav-list a:hover::after, .jn-nav-list .current-menu-item > a::after { transform: scaleX(1); }

.jn-header-note { display: flex; align-items: center; gap: 10px; margin: 0; color: #374151; font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.jn-header-note .jnsa-icon { color: #D96A02; }

@media (max-width: 1240px) {
	.jn-header-note { display: none; }
	.jn-ha-text small { display: none; }
}

@media (max-width: 960px) {
	.jn-header-main-in {
		grid-template-columns: auto 1fr auto;
		grid-template-areas: "burger logo actions" "search search search";
		gap: 12px 10px;
		padding-block: 12px;
	}
	.jn-header.is-scrolled .jn-header-main-in { padding-block: 8px; }
	.jn-burger { display: inline-flex; grid-area: burger; }
	.jn-logo { grid-area: logo; justify-self: center; }
	.jn-logo-img, .jn-header.is-scrolled .jn-logo-img { height: 44px; max-width: 190px; }
	.jn-search { grid-area: search; max-width: none; height: 50px; }
	.jn-search button { padding: 0 16px; font-size: 14px; }
	.jn-header-actions { grid-area: actions; gap: 4px; }
	.jn-ha-text, .jn-ha-wishlist, .jn-ha-account { display: none; }
	.jn-ha { width: 44px; height: 44px; justify-content: center; }
	.jn-header-nav { display: none; }
}

/* ------------------------------------------------------------ Footer */

.jn-footer { background: #012D68; color: rgba(255, 255, 255, .74); font-size: 16px; }
.jn-footer a { text-decoration: none; }
.jn-footer-top {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.3fr;
	gap: clamp(40px, 5vw, 96px);
	padding-block: clamp(72px, 6vw, 112px) clamp(56px, 4.5vw, 80px);
}
.jn-footer-logo { display: inline-flex; padding: 12px 16px; background: #fff; border-radius: 12px; }
.jn-footer-logo-img { display: block; width: auto; height: 56px; }
.jn-footer-brand p { max-width: 390px; margin: 26px 0 30px; font-size: 17px; line-height: 1.75; }
.jn-social { display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; }
.jn-social li { margin: 0; }
.jn-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 50%;
	color: #fff;
	transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.jn-social a:hover { background: #F97A00; border-color: #F97A00; color: #012D68; transform: translateY(-2px); }
.jn-footer-h { margin: 4px 0 26px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 0; }
.jn-footer-links, .jn-footer-trust { margin: 0; padding: 0; list-style: none; }
.jn-footer-links li { margin: 0 0 16px; }
.jn-footer-links a { color: rgba(255, 255, 255, .74); font-size: 16px; transition: color .2s ease; }
.jn-footer-links a:hover { color: #F97A00; }
.jn-footer-trust li { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; font-size: 16px; }
.jn-footer-trust .jnsa-icon { color: #F97A00; }
.jn-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1); }
.jn-footer-bottom-in { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 28px; font-size: 15px; }
.jn-footer-bottom p { margin: 0; }
.jn-footer-secure { display: flex; align-items: center; gap: 8px; }
.jn-footer-secure .jnsa-icon { color: #F97A00; }
.jn-footer-tag { color: #fff; font-weight: 600; }

@media (max-width: 1024px) { .jn-footer-top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
	.jn-footer-top { grid-template-columns: 1fr; gap: 36px; }
	.jn-footer-bottom-in { flex-direction: column; text-align: center; }
}

/* ------------------------------------------------- Product card scale */

.jn-v2 .jnsa-plist { gap: 24px; }
.jn-v2 .jnsa-plist--carousel { grid-auto-columns: calc((100% - (var(--jnsa-cols, 4) - 1) * 24px) / var(--jnsa-cols, 4)); }
.jn-v2 .jnsa-card { padding: 14px; border-radius: 22px; }
.jn-v2 .jnsa-card-media { border-radius: 16px; }
.jn-v2 .jnsa-card-body { padding: 18px 8px 6px; }
.jn-v2 .jnsa-card-title { font-size: clamp(17px, .5vw + 10px, 20px); }
.jn-v2 .jnsa-card-tag { margin-top: 8px; font-size: 14.5px; }
.jn-v2 .jnsa-card-foot { padding-top: 20px; }
.jn-v2 .jnsa-card-now, .jn-v2 .jnsa-card-now .amount,
.jn-v2 .jnsa-plist--carousel .jnsa-card-now, .jn-v2 .jnsa-plist--carousel .jnsa-card-now .amount { font-size: clamp(22px, .7vw + 13px, 28px); }
.jn-v2 .jnsa-card-was, .jn-v2 .jnsa-card-was .amount,
.jn-v2 .jnsa-plist--carousel .jnsa-card-was, .jn-v2 .jnsa-plist--carousel .jnsa-card-was .amount { font-size: 15px; }
.jn-v2 .jnsa-card .jnsa-card-cart { width: 54px; height: 54px; }
.jn-v2 .jnsa-card .jnsa-card-cart svg { width: 22px; height: 22px; }
.jn-v2 .jnsa-badge { top: 14px; left: 14px; padding: 6px 12px; border-radius: 8px; font-size: 13px; }
.jn-v2 .jnsa-card .jnsa-card-heart { top: 12px; right: 12px; width: 44px; height: 44px; }
.jn-v2 .jnsa-cnav-btn { width: 52px; height: 52px; }
.jn-v2 .jnsa-kicker { font-size: 14px; }

@media (max-width: 1024px) {
	.jn-v2 .jnsa-plist--carousel { grid-auto-columns: calc((100% - 48px) / 3); }
}
@media (max-width: 767px) {
	.jn-v2 .jnsa-plist { gap: 14px; }
	.jn-v2 .jnsa-plist--carousel { grid-auto-columns: 74%; }
	.jn-v2 .jnsa-card { padding: 10px; border-radius: 16px; }
	.jn-v2 .jnsa-card-body { padding: 12px 4px 4px; }
	.jn-v2 .jnsa-card-title { font-size: 15px; }
	.jn-v2 .jnsa-card-tag { font-size: 12.5px; }
	.jn-v2 .jnsa-card-now, .jn-v2 .jnsa-card-now .amount { font-size: 20px; }
	.jn-v2 .jnsa-card .jnsa-card-cart { width: 42px; height: 42px; }
	.jn-v2 .jnsa-badge { top: 8px; left: 8px; padding: 4px 9px; font-size: 11.5px; }
	.jn-v2 .jnsa-card .jnsa-card-heart { top: 6px; right: 6px; width: 34px; height: 34px; }
}

/* JNSA sticky fix */
.jn-v2 .template-container { overflow: visible !important; overflow-x: clip !important; }
.jn-v2 .template-content, .jn-v2 .page-wrapper { overflow: visible !important; }
@media (max-width: 767px) {
	.jn-v2 .jnsa-ribbon { padding: 8px 22px; letter-spacing: .02em; }
}
/* end JNSA sticky fix */

/* JNSA promos v2 */
@media (max-width: 767px) {
	.jn-v2.page-id-7295 .e-s-promo { min-height: 230px !important; }
	.jn-v2.page-id-7295 .e-s-promo-title { font-size: 23px !important; max-width: 64% !important; }
}
.jn-v2 .e-s-promo { transition: transform .3s ease, box-shadow .3s ease; }
.jn-v2 .e-s-promo:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(17, 24, 39, .12); }
/* end JNSA promos v2 */


/* JNSA lower sections v2 */

.jn-v2 .e-s2-testi-card { position: relative; }
.jn-v2 .e-s2-testi-card::before {
	content: "\201C"; position: absolute; top: 14px; right: 30px;
	font-family: Georgia, "Times New Roman", serif; font-size: 128px; line-height: 1; color: #F97A00; opacity: .22; pointer-events: none;
}
.jn-v2 .e-s2-testi-name::after { content: "JNSA Mart customer"; display: block; margin-top: 2px; color: #6B7280; font-size: 13.5px; font-weight: 500; }
.jn-v2 .e-s2-testi-who { width: 100%; margin-top: auto !important; }

.jn-v2 .jnsa-faq .elementor-accordion-item, .jn-v2 .jnsa-faq .e-n-accordion-item { border-radius: 16px; margin-bottom: 14px; }
.jn-v2 .jnsa-faq .elementor-tab-title { padding: 26px 30px !important; }
.jn-v2 .jnsa-faq .elementor-tab-title, .jn-v2 .jnsa-faq .elementor-tab-title a, .jn-v2 .jnsa-faq .elementor-accordion-title { font-size: clamp(18px, .35vw + 13px, 21px) !important; }
.jn-v2 .jnsa-faq .elementor-tab-content { padding: 0 30px 28px !important; font-size: 17px !important; line-height: 1.75 !important; }
.jn-v2 .jnsa-faq .elementor-accordion-icon { font-size: 18px; }

.jn-v2 .e-s-news .jnsa-news-form input[type=email] { height: 62px !important; padding: 0 22px !important; font-size: 16px !important; border-radius: 12px 0 0 12px !important; }
.jn-v2 .e-s-news .jnsa-news-form input[type=submit] { height: 62px !important; padding: 0 34px !important; font-size: 16px !important; border-radius: 0 12px 12px 0 !important; }
.jn-v2 .page-id-7295 .elementor-element-a1000e4, .jn-v2.page-id-7295 .elementor-element-a1000e4 { flex: 0 1 600px !important; width: 600px !important; max-width: 100% !important; }

@media (max-width: 767px) {
	.jn-v2 .e-s2-testi-card::before { font-size: 96px; right: 20px; }
	.jn-v2 .jnsa-faq .elementor-tab-title { padding: 20px 20px !important; }
	.jn-v2 .jnsa-faq .elementor-tab-content { padding: 0 20px 22px !important; font-size: 15.5px !important; }
	.jn-v2 .e-s-news .jnsa-news-form input[type=email], .jn-v2 .e-s-news .jnsa-news-form input[type=submit] { height: 54px !important; }
	.jn-v2 .e-s-news .jnsa-news-form input[type=submit] { padding: 0 20px !important; }
	.jn-v2.page-id-7295 .elementor-element-a1000e4 { width: 100% !important; flex: 1 1 100% !important; }
}
/* end JNSA lower sections v2 */

/* JNSA promo + price + app polish */
.jn-v2 .e-s-promo { position: relative; }
.jn-v2 .e-s-promo::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
	background: linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.45) 34%, rgba(255,255,255,0) 58%);
}
.jn-v2 .e-s-promo > * { position: relative; z-index: 1; }
@media (min-width: 768px) {
	.jn-v2 .e-p-bg-399, .jn-v2 .e-p-bg-599, .jn-v2 .e-p-bg-999 { background-size: auto 60% !important; background-position: right -20px bottom !important; }
}
.jn-v2 .e-s-app .jnsa-stores { gap: 14px; }
.jn-v2 .e-s-app .jnsa-store { padding: 12px 22px; border-radius: 12px; font-size: 19px; gap: 12px; }
.jn-v2 .e-s-app .jnsa-store small { font-size: 11px; }
.jn-v2 .e-s-app .jnsa-store svg { width: 26px; height: 26px; }
.jn-v2 .e-s2-app-row { width: auto !important; }
/* end JNSA promo + price + app polish */

/* JNSA motion */
@media (prefers-reduced-motion: no-preference) {
	.jn-motion [data-jn-reveal] {
		opacity: 0;
		translate: 0 28px;
		transition: opacity .8s cubic-bezier(.2,.7,.2,1), translate .8s cubic-bezier(.2,.7,.2,1);
		transition-delay: var(--jn-delay, 0ms);
	}
	.jn-motion [data-jn-reveal].is-in { opacity: 1; translate: 0 0; }

	@keyframes jnUp { from { opacity: 0; translate: 0 26px; } to { opacity: 1; translate: 0 0; } }
	.jn-motion .e-hero-in > * { animation: jnUp .9s cubic-bezier(.2,.7,.2,1) both; }
	.jn-motion .e-hero-in > *:nth-child(1) { animation-delay: .08s; }
	.jn-motion .e-hero-in > *:nth-child(2) { animation-delay: .18s; }
	.jn-motion .e-hero-in > *:nth-child(3) { animation-delay: .30s; }
	.jn-motion .e-hero-in > *:nth-child(4) { animation-delay: .42s; }
	.jn-motion .e-hero-in > *:nth-child(5) { animation-delay: .54s; }
	.jn-motion .e-ben { animation: jnUp 1s cubic-bezier(.2,.7,.2,1) .6s both; }

	.jn-v2 .e-hero-btn, .jn-v2 .e-hero-btn2, .jn-v2 .e-s6-btn, .jn-v2 .e-s9-btn, .jn-v2 .e-s4-link,
	.jn-v2 .e-v-viewall, .jn-v2 .e-d-viewall, .jn-v2 .e-h-viewall, .jn-v2 .e-v-promo-btn, .jn-v2 .e-h-btn, .jn-v2 .e-s-promo-btn {
		transition: translate .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
	}
	.jn-v2 .e-hero-btn:hover, .jn-v2 .e-hero-btn2:hover, .jn-v2 .e-s6-btn:hover, .jn-v2 .e-s9-btn:hover, .jn-v2 .e-s4-link:hover,
	.jn-v2 .e-v-viewall:hover, .jn-v2 .e-d-viewall:hover, .jn-v2 .e-h-viewall:hover, .jn-v2 .e-v-promo-btn:hover, .jn-v2 .e-h-btn:hover, .jn-v2 .e-s-promo-btn:hover {
		translate: 0 -2px;
		box-shadow: 0 10px 24px rgba(1, 45, 104, .16);
	}
	.jn-v2 .e-v-viewall-i, .jn-v2 .e-d-viewall-i, .jn-v2 .e-h-viewall-i, .jn-v2 .e-v-promo-btn-i, .jn-v2 .e-h-btn-i { transition: translate .25s ease; }
	.jn-v2 .e-v-viewall:hover .e-v-viewall-i, .jn-v2 .e-d-viewall:hover .e-d-viewall-i, .jn-v2 .e-h-viewall:hover .e-h-viewall-i,
	.jn-v2 .e-v-promo-btn:hover .e-v-promo-btn-i, .jn-v2 .e-h-btn:hover .e-h-btn-i { translate: 4px 0; }
	.jn-v2 .jnsa-card .jnsa-card-cart:active, .jn-v2 .jnsa-cnav-btn:active { scale: .94; }
	.jn-v2 .e-hero-in { will-change: transform, opacity; }
}
/* end JNSA motion */

/* JNSA mobile polish */
@media (max-width: 767px) {
	.jn-v2 .e-s2-testi-card::before { top: 6px; right: 14px; font-size: 76px; }
}
/* end JNSA mobile polish */

/* JNSA card v3 */
.jn-v2 .jnsa-card {
	padding: 14px;
	border: 0;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 10px 30px rgba(17, 24, 39, .06);
}
.jn-v2 .jnsa-card:hover { box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 20px 42px rgba(17, 24, 39, .11); }
.jn-v2 .jnsa-card .jnsa-card-media {
	flex: 0 0 auto;
	aspect-ratio: 3 / 4;
	height: auto;
	border-radius: 18px;
	background: #F4F1EC;
}
.jn-v2 .jnsa-badge { top: 14px; left: 14px; padding: 7px 13px; border-radius: 9px; font-size: 13.5px; font-weight: 600; }
.jn-v2 .jnsa-badge--sale { background: #E2501B; }
.jn-v2 .jnsa-badge--new, .jn-v2 .jnsa-badge--best { background: #012D68; }
.jn-v2 .jnsa-card .jnsa-card-heart { top: 14px; right: 14px; width: 46px; height: 46px; box-shadow: 0 4px 14px rgba(17, 24, 39, .10); }

.jn-v2 .jnsa-card .jnsa-card-body { padding: 20px 8px 4px; }
.jn-v2 .jnsa-card .jnsa-card-title {
	min-height: 2.7em;
	color: #012D68;
	font-size: clamp(17px, .45vw + 11px, 21px);
	font-weight: 500;
	line-height: 1.35;
}
.jn-v2 .jnsa-card-title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.jn-v2 .jnsa-card .jnsa-card-foot { align-items: flex-end; padding-top: 18px; }
.jn-v2 .jnsa-card-price { gap: 4px 12px; }
.jn-v2 .jnsa-card .jnsa-card-now, .jn-v2 .jnsa-card .jnsa-card-now .amount {
	color: #012D68 !important;
	font-size: clamp(22px, .7vw + 13px, 28px);
	font-weight: 800;
	letter-spacing: -.01em;
}
.jn-v2 .jnsa-card .jnsa-card-was, .jn-v2 .jnsa-card .jnsa-card-was .amount { color: #A3A8B3 !important; font-size: 16px; font-weight: 500; }
.jn-v2 .jnsa-card .jnsa-card-cart { width: 56px; height: 56px; background: #E6EDF8 !important; color: #1F2937 !important; }
.jn-v2 .jnsa-card .jnsa-card-cart svg { width: 22px; height: 22px; }
.jn-v2 .jnsa-card .jnsa-card-cart:hover { background: #012D68 !important; color: #fff !important; }
.jn-v2 .jnsa-card .jnsa-card-cart.added { background: #012D68 !important; color: #fff !important; }

/* Five across: slightly tighter card */
.jn-v2 .jnsa-plist--cols-5 { gap: 20px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card { padding: 12px; border-radius: 22px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card-media { border-radius: 16px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card-body { padding: 16px 6px 2px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card-title { font-size: clamp(16px, .3vw + 12px, 19px); }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card-now, .jn-v2 .jnsa-plist--cols-5 .jnsa-card-now .amount { font-size: clamp(21px, .4vw + 15px, 25px); }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card-was, .jn-v2 .jnsa-plist--cols-5 .jnsa-card-was .amount { font-size: 14px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card .jnsa-card-cart { width: 48px; height: 48px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card .jnsa-card-cart svg { width: 20px; height: 20px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-card .jnsa-card-heart { top: 12px; right: 12px; width: 40px; height: 40px; }
.jn-v2 .jnsa-plist--cols-5 .jnsa-badge { top: 12px; left: 12px; padding: 6px 11px; font-size: 12.5px; }

/* Grids too wide for the screen become swipe rows */
@media (max-width: 1180px) {
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-5 {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 60px) / 3.4);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding: 6px 4px 18px;
		margin: -6px -4px -18px;
	}
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-5::-webkit-scrollbar { display: none; }
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-5 > .jnsa-card { scroll-snap-align: start; }
}

@media (max-width: 767px) {
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-5,
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-3 {
		grid-template-columns: none !important;
		grid-auto-flow: column;
		grid-auto-columns: 62%;
		gap: 12px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding: 4px 2px 16px;
		margin: -4px -2px -16px;
	}
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-3::-webkit-scrollbar { display: none; }
	.jn-v2 .jnsa-plist--grid.jnsa-plist--cols-3 > .jnsa-card { scroll-snap-align: start; }
	.jn-v2 .jnsa-plist--carousel { grid-auto-columns: 62%; }

	.jn-v2 .jnsa-card, .jn-v2 .jnsa-plist--cols-5 .jnsa-card { padding: 10px; border-radius: 18px; }
	.jn-v2 .jnsa-card .jnsa-card-media { border-radius: 13px; }
	.jn-v2 .jnsa-card .jnsa-card-body { padding: 12px 4px 2px; }
	.jn-v2 .jnsa-card .jnsa-card-title { font-size: 15px; }
	.jn-v2 .jnsa-card .jnsa-card-foot { padding-top: 12px; }
	.jn-v2 .jnsa-card .jnsa-card-now, .jn-v2 .jnsa-card .jnsa-card-now .amount { font-size: 20px; }
	.jn-v2 .jnsa-card .jnsa-card-was, .jn-v2 .jnsa-card .jnsa-card-was .amount { font-size: 13px; }
	.jn-v2 .jnsa-card .jnsa-card-cart { width: 42px; height: 42px; }
	.jn-v2 .jnsa-card .jnsa-card-cart svg { width: 19px; height: 19px; }
	.jn-v2 .jnsa-card .jnsa-card-heart { top: 8px; right: 8px; width: 36px; height: 36px; }
	.jn-v2 .jnsa-badge { top: 8px; left: 8px; padding: 5px 9px; border-radius: 7px; font-size: 11.5px; }
}
/* end JNSA card v3 */

/* JNSA card v3 narrow */
.jn-v2 .jnsa-card { container-type: inline-size; }
.jn-v2 .jnsa-card-price { flex-wrap: nowrap; }
@container (max-width: 200px) {
	.jn-v2 .jnsa-card .jnsa-card-title { font-size: 16px; }
	.jn-v2 .jnsa-card .jnsa-card-price { gap: 8px; }
	.jn-v2 .jnsa-card .jnsa-card-now, .jn-v2 .jnsa-card .jnsa-card-now .amount { font-size: 20px; }
	.jn-v2 .jnsa-card .jnsa-card-was, .jn-v2 .jnsa-card .jnsa-card-was .amount { font-size: 13px; }
	.jn-v2 .jnsa-card .jnsa-card-cart { width: 44px; height: 44px; }
	.jn-v2 .jnsa-card .jnsa-card-cart svg { width: 19px; height: 19px; }
}
/* end JNSA card v3 narrow */

/* JNSA scroller wheel fix */
.jnsa-plist--carousel { overflow-y: hidden; overscroll-behavior-y: auto; }
@media (max-width: 1180px) { .jn-v2 .jnsa-plist--grid.jnsa-plist--cols-5 { overflow-y: hidden; } }
@media (max-width: 767px) { .jn-v2 .jnsa-plist--grid.jnsa-plist--cols-3 { overflow-y: hidden; } }
/* end JNSA scroller wheel fix */

/* JNSA price tile image blend */
.jn-v2 .e-p-bg-399, .jn-v2 .e-p-bg-599, .jn-v2 .e-p-bg-999 { background-image: none !important; overflow: hidden; isolation: isolate; }
.jn-v2 .e-p-bg-399::before, .jn-v2 .e-p-bg-599::before, .jn-v2 .e-p-bg-999::before {
	content: ""; position: absolute; inset: auto 0 0 auto; z-index: 0; width: 66%; height: 66%; pointer-events: none;
	background-repeat: no-repeat !important; background-size: cover !important; background-position: right bottom;
	transform-origin: right bottom; transition: transform .5s ease;
}
.jn-v2 .e-p-bg-399::after, .jn-v2 .e-p-bg-599::after, .jn-v2 .e-p-bg-999::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.jn-v2 .e-p-bg-399::before { background-image: url("https://jnsamart.in/wp-content/uploads/jnsa/price-399.jpg") !important; }
.jn-v2 .e-p-bg-399::after { background: linear-gradient(to bottom, rgb(234,240,248) 0%, rgb(234,240,248) 34%, rgba(234,240,248,0) 60%), linear-gradient(to right, rgb(234,240,248) 0%, rgb(234,240,248) 34%, rgba(234,240,248,0) 64%); }
.jn-v2 .e-p-bg-599::before { background-image: url("https://jnsamart.in/wp-content/uploads/jnsa/price-599.jpg") !important; }
.jn-v2 .e-p-bg-599::after { background: linear-gradient(to bottom, rgb(253,237,224) 0%, rgb(253,237,224) 34%, rgba(253,237,224,0) 60%), linear-gradient(to right, rgb(253,237,224) 0%, rgb(253,237,224) 34%, rgba(253,237,224,0) 64%); }
.jn-v2 .e-p-bg-999::before { background-image: url("https://jnsamart.in/wp-content/uploads/jnsa/price-999.jpg") !important; }
.jn-v2 .e-p-bg-999::after { background: linear-gradient(to bottom, rgb(255,244,234) 0%, rgb(255,244,234) 34%, rgba(255,244,234,0) 60%), linear-gradient(to right, rgb(255,244,234) 0%, rgb(255,244,234) 34%, rgba(255,244,234,0) 64%); }
.jn-v2 .e-p-bg-599::before { background-position: 62% bottom; }
.jn-v2 .e-p-tile:hover::before { transform: scale(1.04); }
.jn-v2 .e-p-bg-399 .e-p-cta, .jn-v2 .e-p-bg-599 .e-p-cta, .jn-v2 .e-p-bg-999 .e-p-cta { position: relative; z-index: 2; align-self: flex-start; padding: 6px 20px 6px 6px !important; margin-left: -6px; border-radius: 999px; background: rgba(255, 255, 255, .82); box-shadow: 0 6px 18px rgba(17, 24, 39, .06); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .25s ease, box-shadow .25s ease; }
.jn-v2 .e-p-bg-399:hover .e-p-cta, .jn-v2 .e-p-bg-599:hover .e-p-cta, .jn-v2 .e-p-bg-999:hover .e-p-cta { background: #fff; box-shadow: 0 10px 24px rgba(17, 24, 39, .10); }
.jn-v2 .e-p-bg-399 .e-p-circle, .jn-v2 .e-p-bg-599 .e-p-circle, .jn-v2 .e-p-bg-999 .e-p-circle { background: #fff; }
/* end JNSA price tile image blend */

/* JNSA value picks green */
.jn-v2 .e-v-promo { background-size: cover !important; background-position: right bottom !important; }
.jn-v2 .e-v-promo::before { background: linear-gradient(180deg, rgba(238,244,232,.97) 0%, rgba(238,244,232,.9) 52%, rgba(238,244,232,.55) 64%, rgba(238,244,232,0) 78%) !important; }
/* end JNSA value picks green */

/* JNSA card add-to-cart */
.jn-v2 .jnsa-card .jnsa-card-cat {
	display: block;
	margin: 0 0 6px;
	color: #D96A02;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.jn-v2 .jnsa-card .jnsa-card-foot { padding-top: 10px; }
.jn-v2 .jnsa-card .jnsa-card-atc {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 48px;
	margin: 14px 0 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: #012D68 !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.jn-v2 .jnsa-card .jnsa-card-atc svg { flex: 0 0 auto; width: 18px; height: 18px; }
.jn-v2 .jnsa-card .jnsa-card-atc:hover,
.jn-v2 .jnsa-card .jnsa-card-atc:focus-visible {
	background: #F97A00 !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(249, 122, 0, .28);
	transform: translateY(-1px);
}
.jn-v2 .jnsa-card .jnsa-card-atc:focus-visible { outline: 3px solid rgba(249, 122, 0, .35); outline-offset: 2px; }
.jn-v2 .jnsa-card .jnsa-card-atc.loading { opacity: .7; pointer-events: none; }
.jn-v2 .jnsa-card .jnsa-card-atc.added { background: #D96A02 !important; }
.jn-v2 .jnsa-card .jnsa-card-atc::before, .jn-v2 .jnsa-card .jnsa-card-atc::after { display: none !important; }
.jn-v2 .jnsa-card .added_to_cart { display: none !important; }
@media (max-width: 767px) {
	.jn-v2 .jnsa-card .jnsa-card-cat { font-size: 11px; margin-bottom: 4px; }
	.jn-v2 .jnsa-card .jnsa-card-atc { min-height: 42px; gap: 6px; margin-top: 10px !important; padding: 0 10px !important; font-size: 14px !important; border-radius: 10px !important; }
	.jn-v2 .jnsa-card .jnsa-card-atc svg { width: 16px; height: 16px; }
}
/* end JNSA card add-to-cart */

/* JNSA nav one line */
.jn-nav-list { flex-wrap: nowrap; flex: 1 1 auto; min-width: 0; }
.jn-nav-list a { white-space: nowrap; }
@media (max-width: 1420px) { .jn-header-note { display: none; } }
@media (max-width: 1100px) { .jn-nav-list { gap: 20px; } .jn-header-nav-in { gap: 22px; } }
/* end JNSA nav one line */

/* JNSA footer credit */
.jn-footer-credit { color: rgba(255,255,255,.68); font-weight: 500; }
.jn-footer-credit a { color: #F97A00; font-weight: 600; text-decoration: none; }
.jn-footer-credit a:hover { text-decoration: underline; }
/* end JNSA footer credit */

/* JNSA mobile marquee + footer accordion */
.jn-marquee-clone { display: none !important; }
.jn-acc-btn { all: unset; display: block; font: inherit; color: inherit; cursor: default; }
.jn-acc-chev { display: none; }
@media (max-width: 767px) {
	/* Testimonials: continuous marquee */
	.jn-v2 .e-s2-testi { overflow: hidden; }
	.jn-v2 .e-s2-testi-row[data-jn-marquee] {
		flex-wrap: nowrap !important;
		flex-direction: row !important;
		width: max-content !important;
		max-width: none !important;
		gap: 14px !important;
		padding: 4px 0 16px !important;
		animation: jnMarquee 28s linear infinite;
	}
	.jn-v2 .e-s2-testi-row[data-jn-marquee].is-paused { animation-play-state: paused; }
	.jn-v2 .e-s2-testi-row[data-jn-marquee] > .e-s2-testi-card {
		flex: 0 0 auto !important;
		width: 80vw !important;
		max-width: 320px !important;
		margin: 0 !important;
		opacity: 1 !important;
		transform: none !important;
		translate: none !important;
	}
	.jn-v2 .e-s2-testi-row[data-jn-marquee] > .jn-marquee-clone { display: flex !important; }
	@keyframes jnMarquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 7px)); } }

	/* Footer: accordion columns */
	.jn-footer-top { gap: 0 !important; }
	.jn-footer-brand { padding-bottom: 20px; }
	.jn-footer-col { border-top: 1px solid rgba(255, 255, 255, .12); }
	.jn-footer-col:last-child { border-bottom: 1px solid rgba(255, 255, 255, .12); }
	.jn-footer-col .jn-footer-h { margin: 0 !important; }
	.jn-acc-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 18px 0; cursor: pointer; box-sizing: border-box; }
	.jn-acc-btn:focus-visible { outline: 2px solid #F97A00; outline-offset: 2px; }
	.jn-acc-chev { display: block; flex: 0 0 auto; transition: transform .25s ease; opacity: .8; }
	.jn-footer-col.is-open .jn-acc-chev { transform: rotate(180deg); }
	.jn-footer-col > ul { display: none !important; margin: 0 !important; padding: 0 0 18px !important; }
	.jn-footer-col.is-open > ul { display: grid !important; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.jn-v2 .e-s2-testi { overflow: visible; }
	.jn-v2 .e-s2-testi-row[data-jn-marquee] { animation: none; width: auto !important; max-width: 100% !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.jn-v2 .e-s2-testi-row[data-jn-marquee] > .e-s2-testi-card { scroll-snap-align: start; }
	.jn-v2 .e-s2-testi-row[data-jn-marquee] > .jn-marquee-clone { display: none !important; }
}
/* end JNSA mobile marquee + footer accordion */

/* JNSA logo gold */
.jn-logo-img { height: clamp(62px, 1vw + 48px, 74px); width: auto; max-width: 240px; }
.jn-header.is-scrolled .jn-logo-img { height: 58px; }
.jn-footer-logo-img { height: 76px; width: auto; }
@media (max-width: 960px) { .jn-logo-img, .jn-header.is-scrolled .jn-logo-img { height: 50px; max-width: 170px; } }
/* end JNSA logo gold */

/* JNSA value promo phone center */
@media (max-width: 767px) {
	.jn-v2 .e-v-promo { align-items: center !important; text-align: center !important; }
	.jn-v2 .e-v-promo > * { align-self: center !important; }
	.jn-v2 .e-v-label { justify-content: center !important; margin-inline: auto !important; }
	.jn-v2 .e-v-promo-h, .jn-v2 .e-v-promo-p { text-align: center !important; margin-inline: auto !important; }
	.jn-v2 .e-v-promo-btn { align-self: center !important; margin-inline: auto !important; }
	.jn-v2 .e-v-feats { justify-content: space-between !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; gap: 6px !important; margin-left: 0 !important; margin-right: 0 !important; padding: 10px 8px !important; }
	.jn-v2 .e-v-feat { flex: 1 1 0 !important; min-width: 0 !important; justify-content: center !important; gap: 6px !important; }
	.jn-v2 .e-v-feat-t { font-size: 13px !important; text-align: left !important; }
	.jn-v2 .e-v-feat-i, .jn-v2 .e-v-feat svg { flex: 0 0 20px !important; width: 20px !important; height: 20px !important; min-width: 20px !important; }
}
/* end JNSA value promo phone center */

/* JNSA price foot phone */
@media (max-width: 767px) {
	.jn-v2 .e-p-foot-t { display: block !important; width: 100%; text-align: center !important; font-size: clamp(9.5px, 2.75vw, 11.5px) !important; letter-spacing: .05em !important; line-height: 1.9 !important; white-space: nowrap !important; }
	.jn-v2 .e-p-foot-t .jnsa-gold { display: inline-block; margin: 0 1px; }
}
/* end JNSA price foot phone */