/* iStorage Networks theme */

:root {
	--isn-black: #000000;
	--isn-ink: #0B0C0E;
	--isn-graphite: #17191C;
	--isn-steel: #1B1D21;
	--isn-line-dark: #2A2D33;
	--isn-line-dark-2: #3A3E45;
	--isn-text: #1B1D21;
	--isn-text-2: #3E434B;
	--isn-muted: #5A606B;
	--isn-muted-dark: #9EA4AE;
	--isn-on-dark: #C5C9D0;
	--isn-bg: #F2F3F5;
	--isn-card: #FFFFFF;
	--isn-line: #DADDE2;
	--isn-line-2: #ECEEF1;
	--isn-field: #BFC4CB;
	--isn-accent: #C40E28;
	--isn-accent-dark: #8F0A1D;
	--isn-ok: #14632F;
	--isn-ok-dot: #1E8E3E;
	--isn-ok-bg: #E6F4EA;
	--isn-warn: #8A5300;
	--isn-warn-dot: #D98E04;
	--isn-radius: 10px;
	--isn-radius-sm: 6px;
	--isn-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--isn-display: Archivo, Inter, system-ui, sans-serif;
	--isn-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
	--isn-max: 1280px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--isn-bg); color: var(--isn-text); font: 16px/1.55 var(--isn-font); }
img { max-width: 100%; height: auto; }
a { color: var(--isn-accent); text-decoration: none; }
a:hover { color: var(--isn-accent-dark); text-decoration: underline; }
:focus-visible { outline: 3px solid #4C8DFF; outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 1000; width: auto; height: auto; clip: auto; padding: 10px 16px; background: #fff; color: var(--isn-text); border-radius: 6px; }

.isn-wrap { max-width: var(--isn-max); margin: 0 auto; padding: 24px 24px 72px; }
.isn-h1 { margin: 0 0 20px; font: 800 clamp(30px, 4vw, 40px)/1.1 var(--isn-display); }
.isn-h2 { margin: 0 0 14px; font: 700 21px/1.25 var(--isn-display); }
.isn-h3 { margin: 0 0 10px; font: 700 16px/1.3 var(--isn-display); }
.isn-muted { color: var(--isn-muted); }
.isn-pn { font-family: var(--isn-mono); font-weight: 500; letter-spacing: -0.01em; }

/* Buttons and fields */
.isn-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: var(--isn-radius-sm); border: 1px solid transparent; font: 600 15px var(--isn-font); cursor: pointer; text-decoration: none; }
.isn-btn:hover { text-decoration: none; }
.isn-btn--primary { background: var(--isn-accent); color: #fff; }
.isn-btn--primary:hover { background: var(--isn-accent-dark); color: #fff; }
.isn-btn--ghost { background: #fff; border-color: var(--isn-field); color: var(--isn-text); }
.isn-btn--ghost:hover { border-color: var(--isn-text); color: var(--isn-text); }
.isn-btn--light { background: #fff; color: var(--isn-ink); }
.isn-btn--outline-dark { border-color: #4A4F57; color: #fff; }
.isn-btn--outline-dark:hover { border-color: #fff; color: #fff; }
.isn-field { display: flex; flex-direction: column; gap: 6px; }
.isn-field label { font-size: 13px; font-weight: 600; }
input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="tel"], select, textarea {
	min-height: 48px; padding: 0 14px; border: 1px solid var(--isn-field); border-radius: var(--isn-radius-sm); background: #fff; color: var(--isn-text); font: 16px var(--isn-font);
}
textarea { padding: 12px 14px; }

/* Cards */
.isn-card { background: var(--isn-card); border: 1px solid var(--isn-line); border-radius: var(--isn-radius); padding: 28px; }
.isn-card--dark { background: var(--isn-steel); border-color: var(--isn-steel); color: #fff; }
.isn-card--dark p { color: var(--isn-on-dark); }
.isn-card--dark a { color: #fff; text-decoration: underline; }

/* ---------- Header ---------- */
.isn-util { background: var(--isn-black); color: #B9BEC6; font-size: 13px; }
.isn-util__in { max-width: var(--isn-max); margin: 0 auto; padding: 8px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; }
.isn-util__group { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.isn-util a { color: #fff; }
.isn-util .isn-util__links a { color: #B9BEC6; }
.isn-util .isn-util__links a:hover { color: #fff; }

.isn-header { background: var(--isn-ink); border-bottom: 1px solid #23262B; }
.isn-header__in { max-width: var(--isn-max); margin: 0 auto; padding: 18px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
.isn-logo { display: flex; align-items: center; }
.isn-logo img { display: block; width: 262px; height: 40px; }
.isn-headsearch { flex: 1 1 380px; display: flex; min-width: 0; }
.isn-headsearch input { flex: 1; min-width: 0; height: 46px; min-height: 46px; border: 1px solid var(--isn-line-dark-2); border-right: 0; border-radius: 6px 0 0 6px; background: var(--isn-graphite); color: #fff; }
.isn-headsearch input::placeholder { color: #8C929C; }
.isn-headsearch button { height: 46px; padding: 0 22px; border: 0; border-radius: 0 6px 6px 0; background: var(--isn-accent); color: #fff; font: 600 15px var(--isn-font); cursor: pointer; }
.isn-headsearch button:hover { background: var(--isn-accent-dark); }
.isn-cartlink { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px; border: 1px solid var(--isn-line-dark-2); border-radius: 6px; color: #fff; font-weight: 600; font-size: 15px; }
.isn-cartlink:hover { color: #fff; border-color: #fff; text-decoration: none; }
.isn-cartlink__count { background: var(--isn-line-dark); border-radius: 999px; padding: 2px 9px; font-size: 13px; }
.isn-navtoggle { display: none; height: 46px; padding: 0 14px; border: 1px solid var(--isn-line-dark-2); border-radius: 6px; background: transparent; color: #fff; font: 600 15px var(--isn-font); cursor: pointer; }

.isn-nav { background: var(--isn-graphite); }
.isn-nav__in { max-width: var(--isn-max); margin: 0 auto; padding: 0 24px; }
.isn-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 4px; }
.isn-nav__item { position: relative; }
.isn-nav__top { display: block; color: #E4E6EA; padding: 13px 12px; font-size: 14px; font-weight: 500; border-bottom: 3px solid transparent; }
.isn-nav__top:hover, .isn-nav__item:focus-within > .isn-nav__top { color: #fff; text-decoration: none; border-bottom-color: var(--isn-accent); }
.isn-nav__item.is-current > .isn-nav__top { color: #fff; font-weight: 600; border-bottom-color: var(--isn-accent); }
.isn-nav__sub { display: none; position: absolute; z-index: 50; top: 100%; left: 0; min-width: 260px; max-height: 70vh; overflow: auto; margin: 0; padding: 8px 0; list-style: none; background: #fff; border: 1px solid var(--isn-line); border-radius: 0 0 8px 8px; box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.isn-nav__item:hover > .isn-nav__sub, .isn-nav__item:focus-within > .isn-nav__sub { display: block; }
.isn-nav__sub a { display: block; padding: 9px 16px; color: var(--isn-text); font-size: 14px; }
.isn-nav__sub a:hover { background: var(--isn-bg); color: var(--isn-accent); text-decoration: none; }

@media (max-width: 860px) {
	.isn-logo img { width: 210px; height: 32px; }
	.isn-navtoggle { display: inline-flex; align-items: center; }
	.isn-header__in { gap: 14px 8px; padding: 14px 16px; }
	.isn-logo { order: 1; flex: 1 1 auto; min-width: 0; }
	.isn-cartlink { order: 2; padding: 0 12px; }
	.isn-navtoggle { order: 3; }
	.isn-headsearch { order: 4; flex-basis: 100%; }
	.isn-nav { display: none; }
	.isn-nav.is-open { display: block; }
	.isn-nav__list { flex-direction: column; padding: 8px 0; }
	.isn-nav__sub { position: static; display: none; box-shadow: none; border: 0; border-radius: 0; background: transparent; padding: 0 0 8px 12px; max-height: none; }
	.isn-nav__item:focus-within > .isn-nav__sub, .isn-nav__item:hover > .isn-nav__sub { display: none; }
	.isn-nav__item.is-expanded > .isn-nav__sub { display: block; }
	.isn-nav__sub a { color: #C5C9D0; }
	.isn-nav__sub a:hover { background: transparent; color: #fff; }
}

/* ---------- Footer ---------- */
.isn-footer { background: var(--isn-black); color: var(--isn-muted-dark); font-size: 14px; }
.isn-footer__in { max-width: var(--isn-max); margin: 0 auto; padding: 48px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 32px; }
.isn-footer__col { display: flex; flex-direction: column; gap: 8px; }
.isn-footer__head { color: #fff; font-weight: 600; }
.isn-footer a { color: #B9BEC6; }
.isn-footer a:hover { color: #fff; }
.isn-footer__logo { width: 210px; height: 32px; }
.isn-footer__legal { border-top: 1px solid #1F2125; }
.isn-footer__legal div { max-width: var(--isn-max); margin: 0 auto; padding: 16px 24px; font-size: 13px; }

/* ---------- Home ---------- */
.isn-hero { background: var(--isn-ink); color: #fff; }
.isn-hero__in { max-width: var(--isn-max); margin: 0 auto; padding: 72px 24px 80px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 48px; align-items: center; }
.isn-eyebrow { font: 600 13px var(--isn-font); letter-spacing: .12em; text-transform: uppercase; color: var(--isn-muted-dark); }
.isn-hero h1 { margin: 18px 0; font: 800 clamp(36px, 5vw, 54px)/1.05 var(--isn-display); letter-spacing: -0.01em; }
.isn-hero p { margin: 0 0 24px; font-size: 18px; line-height: 1.6; color: var(--isn-on-dark); max-width: 560px; }
.isn-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.isn-lookup { background: var(--isn-graphite); border: 1px solid var(--isn-line-dark); border-radius: var(--isn-radius); padding: 32px; }
.isn-lookup h2 { margin: 0 0 8px; font: 700 24px var(--isn-display); }
.isn-lookup p { margin: 0 0 16px; font-size: 15px; color: #B9BEC6; }
.isn-lookup label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #DDE0E5; }
.isn-lookup__row { display: flex; flex-wrap: wrap; gap: 10px; }
.isn-lookup__row input { flex: 1 1 200px; min-width: 0; height: 50px; border-color: var(--isn-line-dark-2); background: var(--isn-ink); color: #fff; font: 500 17px var(--isn-mono); }
.isn-lookup__popular { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 16px; font-size: 13px; color: var(--isn-muted-dark); }
.isn-lookup__popular a { color: #E4E6EA; font-family: var(--isn-mono); border: 1px solid var(--isn-line-dark-2); border-radius: 4px; padding: 4px 8px; }
.isn-lookup__popular a:hover { border-color: #fff; color: #fff; text-decoration: none; }

.isn-advantages { background: #fff; border-bottom: 1px solid var(--isn-line); }
.isn-advantages__in { max-width: var(--isn-max); margin: 0 auto; padding: 36px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 28px; }
.isn-adv { display: flex; gap: 14px; }
.isn-adv svg { flex: none; color: var(--isn-accent); }
.isn-adv strong { display: block; font: 700 16px var(--isn-display); }
.isn-adv span { display: block; margin-top: 4px; font-size: 14px; color: var(--isn-muted); line-height: 1.5; }

.isn-section { max-width: var(--isn-max); margin: 0 auto; padding: 64px 24px 24px; }
.isn-section__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 28px; }
.isn-section__head h2 { margin: 0; font: 800 34px var(--isn-display); }
.isn-platforms { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.isn-platform { display: flex; flex-direction: column; gap: 10px; height: 100%; background: #fff; border: 1px solid var(--isn-line); border-radius: var(--isn-radius); padding: 24px; color: var(--isn-text); }
.isn-platform:hover { border-color: var(--isn-text); text-decoration: none; color: var(--isn-text); }
.isn-platform__name { font: 700 20px var(--isn-display); }
.isn-platform__desc { font-size: 14px; color: var(--isn-muted); line-height: 1.5; }
.isn-platform__count { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--isn-accent); }
.isn-platform--cta { background: var(--isn-steel); border-color: var(--isn-steel); color: #fff; justify-content: center; }
.isn-platform--cta .isn-platform__desc { color: var(--isn-on-dark); }
.isn-platform--cta a { color: #fff; text-decoration: underline; font-weight: 600; font-size: 14px; }

.isn-split { max-width: var(--isn-max); margin: 0 auto; padding: 48px 24px 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px; }
.isn-split .isn-card { padding: 36px; }
.isn-split h2 { margin: 0 0 14px; font: 800 28px var(--isn-display); }
.isn-ticks { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.isn-ticks li { display: flex; gap: 10px; align-items: center; }
.isn-ticks li::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--isn-accent); flex: none; }
.isn-warranty-form .isn-lookup__row input { background: var(--isn-graphite); }

/* ---------- Breadcrumb ---------- */
.isn-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; font-size: 14px; color: var(--isn-muted); }
.isn-breadcrumb [aria-current] { color: var(--isn-text); }

/* ---------- Product ---------- */
.isn-product__hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 32px; align-items: start; }
.isn-gallery { display: flex; flex-direction: column; gap: 16px; padding: 24px; }
.isn-gallery__main { width: 100%; max-width: 520px; aspect-ratio: 354 / 250; object-fit: contain; align-self: center; }
.isn-gallery__placeholder { aspect-ratio: 354 / 250; display: flex; align-items: center; justify-content: center; background: var(--isn-bg); border-radius: 8px; color: var(--isn-muted); font: 500 22px var(--isn-mono); }
.isn-gallery__thumbs { display: flex; flex-wrap: wrap; gap: 12px; }
.isn-thumb { width: 96px; height: 72px; padding: 4px; background: #fff; border: 1px solid var(--isn-line); border-radius: 6px; cursor: pointer; }
.isn-thumb img { width: 100%; height: 100%; object-fit: contain; }
.isn-thumb.is-active { border: 2px solid var(--isn-text); }
.isn-buy { display: flex; flex-direction: column; gap: 20px; }
.isn-buy__badges { display: flex; flex-wrap: wrap; gap: 8px; }
.isn-badge { font: 600 12px var(--isn-font); letter-spacing: .08em; text-transform: uppercase; border-radius: 4px; padding: 5px 9px; }
.isn-badge--dark { background: var(--isn-steel); color: #fff; }
.isn-badge--ok { background: var(--isn-ok-bg); color: var(--isn-ok); }
.isn-buy__title { margin: 0; font: 800 clamp(32px, 4vw, 44px)/1.05 var(--isn-display); overflow-wrap: anywhere; }
.isn-buy__name { margin: -8px 0 0; font-size: 18px; color: var(--isn-text-2); }
.isn-buybox { display: flex; flex-direction: column; gap: 18px; padding: 24px; }
.isn-buybox__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; }
.isn-price { font: 800 40px var(--isn-display); }
.isn-stock { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; }
.isn-stock__dot { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.isn-stock--in_stock { color: var(--isn-ok); }
.isn-stock--in_stock .isn-stock__dot { background: var(--isn-ok-dot); }
.isn-stock--call { color: var(--isn-warn); }
.isn-stock--call .isn-stock__dot { background: var(--isn-warn-dot); }
.isn-atc { display: flex; flex-direction: column; gap: 14px; }
.isn-atc__row { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.isn-field--qty input { width: 92px; }
.isn-atc__submit { flex: 1 1 200px; min-height: 50px; font-size: 16px; }
.isn-facts { margin: 0; padding-top: 16px; border-top: 1px solid #E6E8EB; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; font-size: 14px; }
.isn-facts dt { color: var(--isn-muted); }
.isn-facts dd { margin: 2px 0 0; font-weight: 600; }
.isn-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.isn-chip { display: flex; flex-direction: column; gap: 2px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--isn-field); border-radius: 6px; background: #fff; color: var(--isn-text); }
.isn-chip:hover { border-color: var(--isn-text); text-decoration: none; color: var(--isn-text); }
.isn-chip__type { font: 600 11px var(--isn-font); letter-spacing: .06em; text-transform: uppercase; color: var(--isn-muted); }
.isn-chip__pn { font: 500 15px var(--isn-mono); }
.isn-product__details { margin-top: 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 24px; align-items: start; }
.isn-desc { grid-column: 1 / -1; }
.isn-prose { font-size: 16px; line-height: 1.7; color: #2E3238; }
.isn-prose p { margin: 0 0 12px; }
.isn-list { list-style: none; margin: 0; padding: 0; }
.isn-list li { padding: 10px 0; border-bottom: 1px solid var(--isn-line-2); }
.isn-list li:last-child { border-bottom: 0; }
.isn-specs { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; font-size: 15px; }
.isn-specs dt { color: var(--isn-muted); }
.isn-specs dd { margin: 0; font-weight: 600; }

/* ---------- Results ---------- */
.isn-searchbar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.isn-searchbar input { flex: 1 1 320px; min-width: 0; }
.isn-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.isn-result__link { display: flex; gap: 20px; align-items: center; background: #fff; border: 1px solid var(--isn-line); border-radius: var(--isn-radius); padding: 16px 20px; color: var(--isn-text); }
.isn-result__link:hover { border-color: var(--isn-text); text-decoration: none; color: var(--isn-text); }
.isn-result__img { flex: none; width: 120px; height: 85px; display: flex; align-items: center; justify-content: center; }
.isn-result__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.isn-result__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.isn-result__pn { font: 700 18px var(--isn-display); }
.isn-result__type { color: var(--isn-muted); font: 600 13px var(--isn-font); text-transform: uppercase; letter-spacing: .05em; }
.isn-result__name { color: var(--isn-text-2); font-size: 15px; }
.isn-result__meta { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 14px; }
.isn-result__price { font-weight: 700; }
.isn-subcats { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.isn-subcat { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: #fff; border: 1px solid var(--isn-field); border-radius: 999px; color: var(--isn-text); font-weight: 500; font-size: 14px; }
.isn-subcat:hover { border-color: var(--isn-text); color: var(--isn-text); text-decoration: none; }
.isn-empty p { margin: 0 0 14px; }
@media (max-width: 560px) {
	.isn-result__link { flex-direction: column; align-items: flex-start; }
	.isn-logo img { width: 170px; height: 26px; }
	.isn-cartlink__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.isn-util__in { font-size: 12px; }
	.isn-wrap { padding: 16px 16px 56px; }
	.isn-card { padding: 20px; }
}

/* ---------- Pages ---------- */
.isn-page .isn-card { padding: 36px; }
.isn-page__content { line-height: 1.7; }
.isn-page__content table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; }
.isn-page__content th, .isn-page__content td { border: 1px solid var(--isn-line); padding: 8px 10px; text-align: left; vertical-align: top; }
.isn-page__content th { background: var(--isn-bg); }

/* ---------- Imported landing / content pages ---------- */
.isn-page__content > :first-child { margin-top: 0; }
.isn-page__content img { max-width: 100%; height: auto; }
.isn-page__content h3 { font: 700 20px/1.3 var(--isn-display); margin: 28px 0 10px; }
.isn-page__content h4 { font: 700 15px/1.35 var(--isn-display); margin: 18px 0 8px; }
.isn-page__content p { margin: 0 0 14px; }
.isn-page__content ul, .isn-page__content ol { padding-left: 22px; margin: 0 0 14px; }
.isn-page__content hr { border: 0; border-top: 1px solid var(--isn-line); margin: 24px 0; }
.isn-page__content a[href$=".pdf"]::before { content: "PDF"; display: inline-block; margin-right: 6px; padding: 1px 5px; border-radius: 3px; background: var(--isn-accent); color: #fff; font: 700 10px/1.6 var(--isn-font); vertical-align: 2px; }

.isn-lp-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 40px; margin: 0 0 24px; padding: 28px; background: var(--isn-ink); border-radius: var(--isn-radius); color: #fff; }
.isn-lp-hero__img { flex: 0 1 420px; max-width: 100%; height: auto; border-radius: 6px; background: #fff; }
.isn-lp-hero__points { flex: 1 1 220px; list-style: none; margin: 0; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
.isn-lp-hero__points li { display: flex; align-items: center; gap: 10px; font: 600 17px var(--isn-display); }
.isn-lp-hero__points li::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--isn-accent); flex: none; }

.isn-lp-body { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.isn-lp-main { flex: 999 1 560px; min-width: 0; background: #fff; border: 1px solid var(--isn-line); border-radius: var(--isn-radius); padding: 32px; }
.isn-lp-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.isn-lp-box { background: #fff; border: 1px solid var(--isn-line); border-radius: var(--isn-radius); padding: 20px 22px; font-size: 15px; }
.isn-lp-box > h3:first-child { margin: 0 0 12px; font: 700 17px var(--isn-display); }
.isn-lp-box h4 { margin: 14px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--isn-muted); }
.isn-lp-box ul { list-style: none; padding: 0 !important; margin: 0 0 8px; }
.isn-lp-box li { padding: 7px 0; border-bottom: 1px solid var(--isn-line-2); }
.isn-lp-box li:last-child { border-bottom: 0; }
.isn-lp-box table { font-size: 14px; }

.isn-page__content table { border-collapse: collapse; margin: 0 0 18px; max-width: 100%; }
.isn-page__content td, .isn-page__content th { border: 1px solid var(--isn-line); padding: 8px 10px; vertical-align: top; }
.isn-page__content tr:first-child td { font-weight: 600; }
.isn-page__content td img { display: block; margin: 0 auto; }

/* Drive tables */
.isn-drives { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
.isn-drives__group { border: 1px solid var(--isn-line); border-radius: 8px; overflow: hidden; background: #fff; }
.isn-drives__type { cursor: pointer; padding: 14px 18px; font: 700 16px var(--isn-display); background: var(--isn-bg); }
.isn-table-scroll { overflow-x: auto; }
.isn-page__content .isn-drives__table { display: table; width: 100%; border-collapse: collapse; font-size: 14px; margin: 0 !important; }
.isn-drives__table th { text-align: left; background: #fff; color: var(--isn-muted); font: 600 12px var(--isn-font); text-transform: uppercase; letter-spacing: .05em; }
.isn-drives__table th, .isn-drives__table td { border: 0 !important; border-top: 1px solid var(--isn-line-2) !important; padding: 10px 14px !important; }
.isn-page__content .isn-drives__table tr:first-child td { font-weight: 400; }
.isn-drives__buy { display: flex; flex-direction: column; gap: 4px; white-space: nowrap; }
.isn-drives__table td:last-child { width: 1%; }

/* Products under a category page */
.isn-catprods { margin-top: 40px; }
.isn-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 16px; }
.isn-tile__link { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 18px; background: #fff; border: 1px solid var(--isn-line); border-radius: var(--isn-radius); color: var(--isn-text); }
.isn-tile__link:hover { border-color: var(--isn-text); color: var(--isn-text); text-decoration: none; }
.isn-tile__img { display: flex; align-items: center; justify-content: center; height: 120px; margin-bottom: 8px; }
.isn-tile__img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.isn-tile__type { font: 600 12px var(--isn-font); text-transform: uppercase; letter-spacing: .05em; color: var(--isn-muted); }
.isn-tile__pn { font-size: 18px; }
.isn-tile__name { font-size: 14px; color: var(--isn-text-2); line-height: 1.4; }
.isn-tile__foot { margin-top: auto; padding-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font-size: 13px; }
.isn-tile__price { font-weight: 700; font-size: 15px; }

/* ---------- Forms ---------- */
.isn-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.isn-form-layout { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.isn-form-layout > .isn-form { flex: 999 1 520px; min-width: 0; }
.isn-form-aside { flex: 1 1 280px; min-width: 0; }
.isn-form { display: flex; flex-direction: column; gap: 18px; }
form.isn-form > .isn-card { margin-bottom: 0; }
.isn-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px 20px; }
.isn-form__stack { display: flex; flex-direction: column; gap: 12px; max-width: 480px; }
.isn-field--wide { grid-column: 1 / -1; }
.isn-field input, .isn-field select, .isn-field textarea { width: 100%; }
.isn-input-mono { font-family: var(--isn-mono) !important; }
.isn-req { color: var(--isn-accent); }
.isn-help { margin: 4px 0 0; font-size: 13px; color: var(--isn-muted); }
.isn-error { margin: 4px 0 0; font-size: 13px; color: #A3001B; font-weight: 600; }
.isn-field.has-error input, .isn-field.has-error textarea, .isn-field.has-error select { border-color: #A3001B; }
.isn-alert { padding: 12px 16px; border-radius: 6px; background: #FDECEE; color: #7A0014; font-weight: 600; }
.isn-notice--ok { border-left: 0; }
.isn-notice--ok .isn-h2 { color: var(--isn-ok); }
.isn-lede { max-width: 760px; margin: -8px 0 20px; }
.isn-mini-table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 15px; }
.isn-mini-table th { text-align: left; color: var(--isn-muted); font: 600 12px var(--isn-font); text-transform: uppercase; letter-spacing: .05em; padding: 8px 10px; border-bottom: 1px solid var(--isn-line); }
.isn-mini-table td { padding: 12px 10px; border-bottom: 1px solid var(--isn-line-2); }
.isn-check input { width: 22px; height: 22px; accent-color: var(--isn-accent); }
.isn-form-page .isn-card + .isn-card { margin-top: 0; }

/* Cart and checkout */
.isn-checkout .isn-h1 { margin-bottom: 18px; }
.isn-steps { margin: 4px 0 22px; }
.isn-steps ol { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.isn-steps__item { display: flex; align-items: center; gap: 8px; color: var(--isn-muted); }
.isn-steps__item a { color: var(--isn-text); }
.isn-steps__num { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--isn-field); background: #fff; font: 600 13px var(--isn-font); }
.isn-steps__item.is-current { color: var(--isn-text); font-weight: 600; }
.isn-steps__item.is-current .isn-steps__num { background: var(--isn-ink); border-color: var(--isn-ink); color: #fff; }
.isn-steps__item.is-done .isn-steps__num { background: var(--isn-ok-bg); border-color: var(--isn-ok-bg); color: var(--isn-ok); }
.isn-checkout__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.isn-checkout__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.isn-checkout__main > .isn-card, .isn-checkout__aside .isn-card { margin: 0; }
.isn-checkout__nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
.isn-sticky { position: sticky; top: 16px; }
.isn-btn--block { width: 100%; }
.isn-center { text-align: center; }
.isn-small { font-size: 14px; }
.isn-linkbtn { padding: 0; border: 0; background: none; color: var(--isn-accent); font: inherit; font-size: 14px; cursor: pointer; }
.isn-linkbtn:hover { color: var(--isn-accent-dark); text-decoration: underline; }
.isn-flash { margin: 0 0 16px; padding: 12px 16px; border-radius: 6px; background: var(--isn-ok-bg); color: var(--isn-ok); font-weight: 600; }
.isn-checkout .isn-alert { margin-bottom: 16px; }
.isn-warnbox { margin: 12px 0; padding: 12px 14px; border-radius: 6px; background: #FFF4E0; color: var(--isn-warn); }

.isn-cart { padding: 4px 22px; }
.isn-cart__lines { margin: 0; padding: 0; list-style: none; }
.isn-cart__line { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto 110px; grid-template-areas: "img info qty total" "img info qty remove"; gap: 4px 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--isn-line-2); }
.isn-cart__img { grid-area: img; display: grid; place-items: center; width: 88px; height: 88px; border: 1px solid var(--isn-line-2); border-radius: 8px; background: #fff; overflow: hidden; }
.isn-cart__img img { width: 100%; height: 100%; object-fit: contain; }
.isn-cart__info { grid-area: info; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.isn-cart__pn { font-size: 17px; color: var(--isn-text); }
.isn-cart__name { color: var(--isn-text-2); font-size: 14px; }
.isn-cart__opt { font-size: 14px; color: var(--isn-text-2); }
.isn-cart__unit { font-size: 14px; color: var(--isn-muted); }
.isn-cart__qty { grid-area: qty; }
.isn-cart__qty label { font-size: 12px; color: var(--isn-muted); }
.isn-cart__qty input { width: 84px; }
.isn-cart__total { grid-area: total; text-align: right; font: 700 17px var(--isn-display); padding-top: 22px; }
.isn-cart__remove { grid-area: remove; justify-self: end; }
.isn-cart__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 18px 0; }
.isn-cart__clear { margin-left: auto; }
.isn-empty-cart .isn-searchbar { max-width: 560px; }

.isn-estimate { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; gap: 14px; align-items: end; }
.isn-rates { display: flex; flex-direction: column; gap: 8px; margin: 16px 0 0; padding: 0; border: 0; }
.isn-rate { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 16px; border: 1px solid var(--isn-field); border-radius: 8px; background: #fff; cursor: pointer; }
.isn-rate:hover { border-color: var(--isn-text-2); }
.isn-rate:has(input:checked) { border-color: var(--isn-ink); box-shadow: inset 0 0 0 1px var(--isn-ink); }
.isn-rate input { width: 18px; height: 18px; margin: 0; accent-color: var(--isn-ink); }
.isn-rate__name { flex: 1; font-weight: 500; }
.isn-rate__amt { font-weight: 700; font-variant-numeric: tabular-nums; }

.isn-summary__lines { margin: 0 0 8px; padding: 0; list-style: none; }
.isn-summary__line { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--isn-line-2); font-size: 14px; }
.isn-summary__qty { color: var(--isn-muted); }
.isn-summary__item { display: flex; flex-direction: column; min-width: 0; }
.isn-summary__item .isn-pn { color: var(--isn-text); }
.isn-summary__name, .isn-summary__opt { color: var(--isn-muted); font-size: 13px; }
.isn-summary__amt { font-variant-numeric: tabular-nums; }
.isn-totals { margin: 0 0 16px; }
.isn-totals > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; font-size: 15px; }
.isn-totals dt { color: var(--isn-text-2); }
.isn-totals dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; }
.isn-totals__via { display: block; font-size: 13px; color: var(--isn-muted); }
.isn-totals__discount dd { color: var(--isn-ok); }
.isn-totals__grand { margin-top: 6px; padding-top: 12px !important; border-top: 1px solid var(--isn-line); }
.isn-totals__grand dt, .isn-totals__grand dd { color: var(--isn-text); font: 800 21px var(--isn-display); }
.isn-coupon { margin: 0 0 16px; font-size: 14px; }
.isn-coupon label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 13px; }
.isn-coupon__row { display: flex; gap: 8px; }
.isn-coupon__row input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--isn-field); border-radius: var(--isn-radius-sm); font: 15px var(--isn-font); text-transform: uppercase; }
.isn-coupon__row .isn-btn { min-height: 44px; }
.isn-coupon__applied { display: flex; justify-content: space-between; gap: 10px; margin: 0; padding: 10px 12px; border-radius: 6px; background: var(--isn-ok-bg); color: var(--isn-ok); }
.isn-aside__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.isn-aside__head a { font-size: 14px; }

.isn-check--line { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; font-weight: 500; cursor: pointer; }
.isn-check--line input { width: 18px; height: 18px; accent-color: var(--isn-ink); }
.isn-addresses { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.isn-address { font-style: normal; line-height: 1.5; }
.isn-address__contact { margin: 8px 0 0; color: var(--isn-muted); font-size: 14px; }
.isn-addresses__edit { position: absolute; top: 18px; right: 22px; font-size: 14px; }

.isn-cards { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.isn-cards__brand { padding: 4px 10px; border: 1px solid var(--isn-line); border-radius: 4px; font-size: 12px; font-weight: 600; color: var(--isn-text-2); transition: opacity .15s; }
.isn-cards__brand.is-active { border-color: var(--isn-ink); color: var(--isn-ink); }
.isn-cards__brand.is-dim { opacity: .35; }
.isn-pay__grid { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 16px 20px; }
.isn-pay__grid .isn-field--wide { grid-column: 1 / -1; }
.isn-exp { margin: 0; padding: 0; border: 0; min-width: 0; }
.isn-exp legend { padding: 0; margin-bottom: 6px; font-size: 13px; font-weight: 600; }
.isn-exp__row { display: flex; gap: 10px; }
.isn-exp__row select { flex: 1; min-width: 0; min-height: 48px; padding: 0 10px; border: 1px solid var(--isn-field); border-radius: var(--isn-radius-sm); background: #fff; font: 16px var(--isn-font); }
.isn-exp.has-error select { border-color: #A3001B; }
#isn-cc { letter-spacing: .06em; }
.isn-secure { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; color: var(--isn-muted); }
.isn-secure svg { flex: none; margin-top: 2px; }
.isn-pay__submit { min-height: 54px; font-size: 17px; }
.isn-pay__submit:disabled { opacity: .6; cursor: progress; }

.isn-thanks { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 20px; border-top: 4px solid var(--isn-ok-dot); }
.isn-thanks__icon { flex: none; color: var(--isn-ok-dot); }
.isn-thanks .isn-h1 { margin-bottom: 6px; }
.isn-thanks__num { margin: 0 0 8px; font: 600 17px var(--isn-mono); }

@media (max-width: 960px) {
	.isn-checkout__layout { grid-template-columns: minmax(0, 1fr); }
	.isn-sticky { position: static; }
}
@media (max-width: 600px) {
	.isn-cart { padding: 4px 16px; }
	.isn-cart__line { grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "img info info" "img qty total" "img qty remove"; }
	.isn-cart__img { width: 64px; height: 64px; }
	.isn-cart__total { padding-top: 18px; }
	.isn-estimate { grid-template-columns: minmax(0, 1fr); }
	.isn-pay__grid { grid-template-columns: minmax(0, 1fr); }
	.isn-steps ol { gap: 8px 16px; }
	.isn-steps__item:not(.is-current) span:not(.isn-steps__num), .isn-steps__item:not(.is-current) a { display: none; }
}
