:root {
  --ink: #0c2031;
  --navy: #102f4d;
  --navy-2: #183858;
  --blue: #2b5679;
  --teal: #78a8a8;
  --mint: #a8d5cf;
  --aqua: #71e3df;
  --ice: #eaf4f3;
  --cloud: #f4f7f8;
  --white: #fff;
  --silver: #a8b5bf;
  --muted: #667786;
  --line: rgba(19, 54, 82, .12);
  --shadow: 0 24px 70px rgba(12, 32, 49, .12);
  --radius: 28px;
  --container: min(1240px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cloud); font-family: "Tajawal", system-ui, sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; }
body.no-scroll { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; inset: 12px auto auto 12px; z-index: 9999; padding: 10px 16px; background: var(--white); border-radius: 10px; transform: translateY(-150%); transition: .2s; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--aqua); outline-offset: 3px; }

.announcement { position: relative; z-index: 50; color: rgba(255,255,255,.84); background: #071826; font-size: 13px; }
.announcement__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.live-dot { display: inline-block; width: 7px; height: 7px; margin-left: 7px; background: #72ded2; border-radius: 50%; box-shadow: 0 0 0 5px rgba(114,222,210,.12); animation: pulse 2s infinite; }
.announcement__note { color: rgba(255,255,255,.55); }

.site-header { position: absolute; top: 34px; inset-inline: 0; z-index: 40; color: var(--white); transition: background .3s, box-shadow .3s, transform .3s; }
.site-header.is-sticky, .site-header--solid { position: fixed; top: 0; color: var(--ink); background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(24,56,88,.08); box-shadow: 0 8px 32px rgba(10,31,47,.08); backdrop-filter: blur(18px); }
.nav-wrap { min-height: 82px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand img { width: 48px; height: 48px; object-fit: cover; border-radius: 15px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.brand span { display: grid; line-height: 1.15; direction: ltr; text-align: left; }
.brand strong { font-family: "Alexandria", sans-serif; font-size: 14px; letter-spacing: .12em; }
.brand small { margin-top: 4px; font-size: 9px; letter-spacing: .13em; color: var(--teal); text-transform: uppercase; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 27px; margin-inline: auto; }
.main-nav a { position: relative; padding: 8px 0; font-weight: 500; font-size: 14px; color: inherit; opacity: .75; transition: .2s; }
.main-nav a::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background: var(--aqua); transition: .25s; }
.main-nav a:hover, .main-nav a.active { opacity: 1; }
.main-nav a:hover::after, .main-nav a.active::after { width: 22px; }
.cart-button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 13px 0 9px; color: inherit; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); border-radius: 14px; cursor: pointer; backdrop-filter: blur(10px); transition: .2s; }
.is-sticky .cart-button, .site-header--solid .cart-button { border-color: var(--line); background: var(--cloud); }
.cart-button:hover { transform: translateY(-2px); border-color: rgba(113,227,223,.55); }
.cart-button svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.cart-button span { font-size: 13px; }
.cart-button b { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 6px; color: #0b2839; background: var(--aqua); border-radius: 9px; font-size: 12px; }
.icon-button { border: 0; background: transparent; cursor: pointer; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid currentColor; border-radius: 12px; opacity: .75; }
.menu-toggle span { display: block; width: 100%; height: 2px; margin: 4px 0; background: currentColor; border-radius: 2px; }

.hero { position: relative; min-height: 860px; padding: 145px 0 86px; color: var(--white); background: #091d2d; overflow: hidden; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 70% 40%, rgba(56,171,171,.14), transparent 35%), linear-gradient(115deg, #071826 0%, #102d47 53%, #0b2538 100%); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent 95%); }
.hero__glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero__glow--one { width: 600px; height: 600px; top: -230px; left: -220px; background: rgba(69,147,165,.1); border: 1px solid rgba(113,227,223,.12); }
.hero__glow--two { width: 420px; height: 420px; right: 40%; bottom: -320px; background: rgba(113,227,223,.08); box-shadow: 0 0 100px rgba(113,227,223,.12); }
.hero__grid { display: grid; grid-template-columns: .9fr 1.25fr; align-items: center; gap: 42px; min-height: 620px; }
.hero__copy { position: relative; z-index: 4; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 17px; color: var(--teal); font-family: "Alexandria", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.eyebrow span { width: 26px; height: 1px; background: var(--aqua); box-shadow: 0 0 12px var(--aqua); }
.hero h1 { max-width: 620px; margin: 0; font-family: "Alexandria", sans-serif; font-size: clamp(42px, 5vw, 72px); line-height: 1.25; letter-spacing: -.045em; }
.hero h1 em { display: block; color: var(--aqua); font-style: normal; font-weight: 500; }
.hero__copy > p { max-width: 580px; margin: 25px 0 0; color: rgba(255,255,255,.66); font-size: 17px; line-height: 2; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 52px; padding: 0 23px; border: 1px solid transparent; border-radius: 15px; font-family: "Alexandria", sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-3px); }
.button--primary { color: #09202f; background: linear-gradient(135deg, #a9e6df, #66d3cf); box-shadow: 0 15px 34px rgba(71,213,205,.22); }
.button--primary:hover { box-shadow: 0 18px 42px rgba(71,213,205,.32); }
.button--ghost { color: var(--white); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.button--ghost:hover { border-color: rgba(113,227,223,.5); background: rgba(255,255,255,.1); }
.play-dot { display: grid; place-items: center; width: 27px; height: 27px; color: var(--aqua); background: rgba(113,227,223,.13); border-radius: 50%; }
.button--light { color: var(--navy); background: var(--white); box-shadow: 0 16px 35px rgba(0,0,0,.13); }
.button--outline-light { color: var(--white); border-color: rgba(255,255,255,.25); background: transparent; }
.hero__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 520px; margin-top: 46px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.11); }
.hero__trust div { display: flex; align-items: center; gap: 9px; }
.hero__trust strong { color: rgba(113,227,223,.85); font-family: "Alexandria", sans-serif; font-size: 12px; }
.hero__trust span { color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; }
.hero__visual { position: relative; width: 100%; min-height: 590px; }
.hero__image-frame { position: absolute; inset: 2% -6% 0 -8%; border: 1px solid rgba(143,224,220,.17); border-radius: 44px; overflow: hidden; box-shadow: 0 45px 100px rgba(0,0,0,.36); transform: perspective(1000px) rotateY(-3deg); }
.hero__image-frame::before { content: ""; position: absolute; z-index: 2; inset: 0; border: 12px solid rgba(255,255,255,.025); border-radius: inherit; pointer-events: none; }
.hero__image-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.93) contrast(1.04); }
.hero__shine { position: absolute; inset: -50% auto -50% -20%; width: 22%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: rotate(18deg); animation: sweep 8s ease-in-out infinite; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 12px; min-width: 165px; padding: 13px 16px; color: var(--white); background: rgba(13,39,57,.64); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.24); backdrop-filter: blur(16px); animation: float 5s ease-in-out infinite; }
.floating-card--top { top: 14%; right: -4%; }
.floating-card--bottom { bottom: 6%; left: -9%; animation-delay: -2.2s; }
.floating-card small { display: block; color: rgba(255,255,255,.5); font-size: 10px; }
.floating-card strong { display: block; font-family: "Alexandria", sans-serif; font-size: 11px; }
.floating-card__icon { display: grid; place-items: center; width: 34px; height: 34px; color: var(--aqua); background: rgba(113,227,223,.14); border-radius: 11px; }
.mini-stack { position: relative; width: 37px; height: 34px; }
.mini-stack i { position: absolute; width: 27px; height: 22px; border-radius: 7px; border: 1px solid rgba(255,255,255,.45); background: rgba(120,168,168,.24); }
.mini-stack i:nth-child(1) { top: 0; right: 0; }.mini-stack i:nth-child(2) { top: 6px; right: 5px; }.mini-stack i:nth-child(3) { top: 12px; right: 10px; }
.brand-seal { position: absolute; z-index: 5; right: 1%; bottom: -40px; width: 88px; height: 88px; padding: 5px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 20px 50px rgba(0,0,0,.28); backdrop-filter: blur(10px); }
.brand-seal img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.scroll-cue { position: absolute; right: 50%; bottom: 20px; display: grid; justify-items: center; gap: 6px; color: rgba(255,255,255,.38); font-size: 10px; transform: translateX(50%); }
.scroll-cue i { position: relative; width: 1px; height: 27px; overflow: hidden; background: rgba(255,255,255,.15); }
.scroll-cue i::after { content: ""; position: absolute; inset: -100% 0 auto; height: 100%; background: var(--aqua); animation: scrollLine 2s infinite; }

.trust-bar { background: #fff; border-bottom: 1px solid var(--line); }
.trust-bar__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-bar__grid > div { display: flex; align-items: center; gap: 12px; min-height: 112px; padding: 20px 24px; border-inline-start: 1px solid var(--line); }
.trust-bar__grid > div:last-child { border-inline-end: 1px solid var(--line); }
.trust-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; color: var(--navy); background: var(--ice); border-radius: 12px; font-family: "Alexandria", sans-serif; }
.trust-bar p { margin: 0; line-height: 1.45; }
.trust-bar strong { display: block; font-family: "Alexandria", sans-serif; font-size: 12px; }
.trust-bar small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }

.section { position: relative; padding: 115px 0; }
.section-heading { display: grid; grid-template-columns: 1fr .65fr; align-items: end; gap: 60px; margin-bottom: 48px; }
.section-heading h2, .center-heading h2, .about h2, .steps h2, .catalog__head h2 { margin: 0; font-family: "Alexandria", sans-serif; font-size: clamp(33px, 4vw, 52px); line-height: 1.35; letter-spacing: -.035em; }
.section-heading > p { margin: 0 0 7px; color: var(--muted); font-size: 16px; }
.section-heading--compact { grid-template-columns: 1fr auto; }
.text-link { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--navy); font-family: "Alexandria", sans-serif; font-size: 13px; font-weight: 600; }
.text-link span { display: grid; place-items: center; width: 32px; height: 32px; color: var(--white); background: var(--navy); border-radius: 50%; transition: .2s; }
.text-link:hover span { transform: translateX(-4px); background: var(--teal); }
.demo-note { margin: -30px 0 28px; color: #768694; font-size: 12px; }

.categories { background: #f4f7f8; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.category-card { position: relative; display: flex; flex-direction: column; min-height: 410px; padding: 26px; color: var(--white); background: var(--navy); border: 1px solid rgba(255,255,255,.12); border-radius: 27px; overflow: hidden; isolation: isolate; transition: transform .35s, box-shadow .35s; }
.category-card::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(to top, rgba(4,21,34,.92), transparent 60%); }
.category-card:hover { transform: translateY(-8px); box-shadow: 0 25px 60px rgba(12,32,49,.2); }
.category-card__number { position: absolute; top: 22px; left: 22px; color: rgba(255,255,255,.4); font: 500 11px "Alexandria", sans-serif; }
.category-card__art { position: relative; height: 225px; margin: -10px -5px 18px; }
.category-card__art .managed-category-image { width:100%;height:100%;object-fit:cover;border-radius:19px;box-shadow:0 16px 35px rgba(3,18,29,.22); }
.category-card__fallback { display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.78);font:600 56px "Alexandria",sans-serif; }
.category-card > div:last-child { margin-top: auto; }
.category-card small { color: var(--aqua); font-size: 11px; }
.category-card h3 { margin: 6px 0 17px; font: 600 20px "Alexandria", sans-serif; }
.category-link { color: rgba(255,255,255,.62); font-size: 12px; }
.category-card:hover .category-link { color: var(--white); }
.category-card--sterilization { background: radial-gradient(circle at 50% 28%, #6c9ca2, #163752 66%); }
.category-card--restorative { background: radial-gradient(circle at 50% 26%, #375e85, #102b46 66%); }
.category-card--endo { background: radial-gradient(circle at 50% 27%, #7aaab0, #183a56 68%); }
.category-card--instruments { background: radial-gradient(circle at 50% 26%, #4a6a86, #102a42 66%); }
.pouch { position: absolute; width: 112px; height: 150px; top: 34px; right: 50%; border: 2px solid rgba(255,255,255,.65); border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(158,231,225,.08)); box-shadow: -18px 11px 0 rgba(255,255,255,.08), 18px -8px 0 rgba(102,211,207,.1); transform: translateX(50%) rotate(-6deg); }
.pouch::before, .pouch::after { content: ""; position: absolute; right: 12px; left: 12px; height: 2px; background: rgba(255,255,255,.35); }.pouch::before { top: 20px; }.pouch::after { bottom: 17px; }
.spark { position: absolute; top: 23px; right: 32px; color: var(--aqua); font-size: 27px; text-shadow: 0 0 18px var(--aqua); }
.syringe { position: absolute; width: 47px; height: 152px; top: 29px; right: 50%; border-radius: 12px 12px 8px 8px; background: linear-gradient(90deg,#d9e6ea,#fff 45%,#819aa5); box-shadow: 0 20px 35px rgba(0,0,0,.28); transform: translateX(50%) rotate(18deg); }
.syringe::before { content: ""; position: absolute; width: 68px; height: 12px; top: -9px; right: -11px; background: #83ded7; border-radius: 6px; box-shadow: 0 6px 0 #19364d; }.syringe::after { content: ""; position: absolute; width: 4px; height: 58px; right: 21px; bottom: -52px; background: linear-gradient(#c5d5d9,transparent); }
.tooth-mark { position: absolute; left: 28px; bottom: 21px; color: rgba(255,255,255,.23); font-size: 80px; }
.file-set { position: absolute; top: 30px; right: 50%; width: 148px; height: 137px; border: 1px solid rgba(255,255,255,.5); border-radius: 18px; background: linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.03)); box-shadow: inset 0 0 25px rgba(255,255,255,.12), 0 18px 34px rgba(0,0,0,.22); transform: translateX(50%) rotate(-3deg); }
.file-set::before { content: ""; position: absolute; inset: 22px; background: repeating-linear-gradient(90deg, transparent 0 15px, rgba(8,33,48,.85) 16px 19px, transparent 20px 29px); }.file-set::after { content: "● ● ● ● ●"; position: absolute; right: 17px; bottom: 8px; color: #79e0d7; font-size: 17px; letter-spacing: 6px; }
.ring { position: absolute; width: 90px; height: 90px; right: 50%; top: 50px; border: 1px solid rgba(113,227,223,.18); border-radius: 50%; transform: translateX(50%); box-shadow: 0 0 0 18px rgba(113,227,223,.04),0 0 0 42px rgba(113,227,223,.03); }
.bur-set { position: absolute; width: 170px; height: 64px; right: 50%; bottom: 35px; border-radius: 13px; background: linear-gradient(#b8c6cb,#6f8792); box-shadow: 0 20px 35px rgba(0,0,0,.24); transform: translateX(50%); }
.bur-set::before { content: ""; position: absolute; right: 16px; left: 16px; bottom: 44px; height: 88px; background: repeating-linear-gradient(90deg, transparent 0 15px,#d6e0e2 16px 20px,transparent 21px 28px); filter: drop-shadow(0 -8px 0 #819aa3); }.bur-set::after { content: ""; position: absolute; right: 14px; left: 14px; top: 17px; height: 8px; background: repeating-linear-gradient(90deg,#183b53 0 8px,transparent 9px 28px); }
.orbit { position: absolute; width: 160px; height: 160px; top: 0; right: 50%; border: 1px solid rgba(113,227,223,.14); border-radius: 50%; transform: translateX(50%); }

.featured-products { padding-top: 105px; background: var(--white); }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.product-card { position: relative; min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; transition: transform .3s, box-shadow .3s, border-color .3s; }
.product-card:hover { transform: translateY(-7px); border-color: rgba(120,168,168,.42); box-shadow: var(--shadow); }
.product-card__visual { position: relative; display: grid; place-items: center; width: 100%; height: auto; aspect-ratio: 1; margin: 0; padding: 0; overflow: hidden; border: 0; appearance: none; color: inherit; background: radial-gradient(circle at 50% 44%, rgba(255,255,255,.9), rgba(230,240,241,.85) 50%, #d9e7e8); font: inherit; cursor: pointer; }
.product-card__visual::before { content: ""; position: absolute; width: 190px; height: 190px; border: 1px solid rgba(24,56,88,.08); border-radius: 50%; box-shadow: 0 0 0 25px rgba(255,255,255,.18),0 0 0 55px rgba(255,255,255,.1); }
.product-card__visual svg { position: relative; z-index: 2; width: 76%; height: 76%; filter: drop-shadow(0 20px 18px rgba(15,43,64,.18)); transition: transform .35s; }
.managed-product-image { position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center;box-sizing:border-box;transition:transform .35s; }
.product-card__visual:has(.managed-product-image) { background:#edf4f4; }
.product-card__visual:has(.managed-product-image)::before { display:none; }
.product-card__visual .managed-product-image { width:100%;height:100%;padding:0;border:0;border-radius:0;object-fit:contain;object-position:center;background:#fff;box-shadow:none; }
.product-card:hover .managed-product-image { transform:none; }
.cart-item__art .managed-product-image { width:100%;height:100%;padding:6px;object-fit:contain;object-position:center;background:#f2f7f7; }
.product-modal__visual .managed-product-image { width:100%;height:100%;padding:28px;object-fit:contain;object-position:center; }
.product-card:hover .product-card__visual svg { transform: translateY(-5px) scale(1.035) rotate(-1deg); }
.product-card__badge { position: absolute; z-index: 3; top: 15px; right: 15px; padding: 6px 10px; color: var(--navy); background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.9); border-radius: 10px; box-shadow: 0 8px 20px rgba(12,32,49,.07); backdrop-filter: blur(10px); font-size: 10px; font-weight: 700; }
.product-card__quick { position: absolute; z-index: 3; left: 14px; bottom: 14px; width: 38px; height: 38px; border: 0; color: var(--white); background: rgba(12,32,49,.78); border-radius: 12px; opacity: 0; transform: translateY(8px); cursor: pointer; transition: .25s; backdrop-filter: blur(8px); }
.product-card:hover .product-card__quick, .product-card__quick:focus-visible { opacity: 1; transform: translateY(0); }
.product-card__body { padding: 19px; }
.product-card__category { display: block; color: var(--teal); font-size: 11px; font-weight: 700; }
.product-card__title { width: 100%; min-height: 52px; margin: 5px 0 12px; padding: 0; border: 0; background: transparent; text-align: right; color: var(--ink); font: 600 15px/1.7 "Alexandria", sans-serif; cursor: pointer; }
.product-card__title:hover { color: var(--blue); }
.product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 13px; border-top: 1px solid var(--line); }
.product-card__price { display: inline-grid; grid-template-columns:auto auto; align-items: baseline; gap: 0 4px; color: var(--navy); font: 700 21px "Alexandria", sans-serif; }
.product-card__price small { color: var(--muted); font-size: 10px; font-weight: 500; }
.product-card__price em,.product-modal__price em { grid-column:1/-1; }.product-card__price em,.cart-item__price em,.product-modal__price em,.cart-total strong em,.checkout-summary strong em { display:block;margin-top:3px;color:var(--teal-dark);font:700 11px "Alexandria",sans-serif;font-style:normal; }
.add-button { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; color: #09202f; border: 0; background: linear-gradient(135deg,#a8e2dc,#66d4cf); border-radius: 13px; font-size: 25px; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.add-button:hover { transform: rotate(-5deg) scale(1.06); box-shadow: 0 10px 23px rgba(102,212,207,.35); }
.product-card__stock { display: inline-flex; align-items: center; gap: 5px; margin-top: 9px; color: #4c6f64; font-size: 10px; }
.product-card__stock::before { content: ""; width: 6px; height: 6px; background: #55a98e; border-radius: 50%; }

.about { color: var(--white); background: #0a2234; overflow: hidden; isolation: isolate; }
.about::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .1; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 54px 54px; }
.about__orb { position: absolute; z-index: -1; border-radius: 50%; border: 1px solid rgba(113,227,223,.12); }
.about__orb--one { width: 650px; height: 650px; right: -260px; top: -240px; box-shadow: inset 0 0 100px rgba(113,227,223,.03); }
.about__orb--two { width: 380px; height: 380px; left: -160px; bottom: -160px; }
.about__grid { display: grid; grid-template-columns: .85fr 1fr; align-items: center; gap: 100px; }
.about__visual { position: relative; min-height: 590px; }
.about__logo-frame { position: absolute; inset: 0 10% 0 0; border: 1px solid rgba(255,255,255,.12); border-radius: 44% 44% 28% 28% / 33% 33% 25% 25%; overflow: hidden; box-shadow: 0 45px 90px rgba(0,0,0,.38); }
.about__logo-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg,transparent 50%,rgba(8,28,42,.5)); }
.about__logo-frame img { width: 100%; height: 100%; object-fit: cover; }
.about__caption { position: absolute; left: -12px; bottom: 30px; display: grid; min-width: 185px; padding: 18px 22px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.17); border-radius: 18px; backdrop-filter: blur(15px); }
.about__caption span { color: var(--teal); font: 500 10px "Alexandria"; letter-spacing: .4em; }.about__caption strong { font: 700 22px "Alexandria"; letter-spacing: .17em; }.about__caption small { margin-top: 3px; color: rgba(255,255,255,.42); font-size: 9px; direction: ltr; text-align: left; }
.kicker--light { color: var(--aqua); }
.about h2 { color: var(--white); }
.about h2 em, .center-heading h2 em, .steps h2 em, .cta h2 em, .catalog-hero h1 em { color: var(--aqua); font-style: normal; font-weight: 500; }
.about__lead { margin: 25px 0 12px; color: var(--white) !important; font-size: 19px !important; font-weight: 600; }
.about__copy > p { color: rgba(255,255,255,.59); font-size: 15px; }
.about__points { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin: 28px 0 33px; }
.about__points > div { position: relative; padding: 15px 43px 15px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.035); }
.about__points span { position: absolute; right: 14px; top: 16px; display: grid; place-items: center; width: 21px; height: 21px; color: #0b2838; background: var(--aqua); border-radius: 7px; font-size: 11px; }
.about__points strong { display: block; font: 600 12px "Alexandria"; }.about__points small { color: rgba(255,255,255,.45); font-size: 11px; }

.why-us { background: #f7f9fa; }
.center-heading { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.center-heading .kicker { justify-content: center; }
.center-heading h2 em { color: var(--teal); }
.center-heading p { max-width: 560px; margin: 18px auto 0; color: var(--muted); }
.benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.benefit-card { position: relative; min-height: 275px; padding: 27px; background: var(--white); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; transition: .3s; }
.benefit-card:hover { transform: translateY(-6px); color: var(--white); background: var(--navy); box-shadow: var(--shadow); }
.benefit-card > span { position: absolute; top: 22px; left: 22px; color: #a1adb6; font: 500 11px "Alexandria"; }
.benefit-icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 32px 0 27px; color: var(--navy); background: var(--ice); border-radius: 17px; font: 500 25px "Alexandria"; transition: .3s; }
.benefit-card:hover .benefit-icon { color: var(--aqua); background: rgba(113,227,223,.1); }
.benefit-card h3 { margin: 0 0 10px; font: 600 15px "Alexandria"; }
.benefit-card p { margin: 0; color: var(--muted); font-size: 13px; transition: .3s; }.benefit-card:hover p { color: rgba(255,255,255,.58); }

.steps { background: #fff; }
.steps__wrap { display: grid; grid-template-columns: .7fr 1fr; gap: 100px; align-items: center; }
.steps__intro > p { max-width: 470px; margin: 20px 0 30px; color: var(--muted); }
.steps h2 em { color: var(--teal); }
.steps__list { position: relative; display: grid; gap: 15px; }
.steps__list::before { content: ""; position: absolute; right: 39px; top: 80px; bottom: 80px; width: 1px; background: var(--line); }
.step { position: relative; display: grid; grid-template-columns: 50px 1fr 54px; align-items: center; gap: 19px; min-height: 132px; padding: 22px 25px; background: #f8fafb; border: 1px solid var(--line); border-radius: 22px; }
.step b { position: relative; z-index: 2; display: grid; place-items: center; width: 32px; height: 32px; color: var(--navy); background: var(--white); border: 1px solid var(--line); border-radius: 10px; font: 500 10px "Alexandria"; }
.step h3 { margin: 0 0 5px; font: 600 15px "Alexandria"; }.step p { margin: 0; color: var(--muted); font-size: 12px; }.step > span { display: grid; place-items: center; width: 50px; height: 50px; color: var(--teal); background: var(--ice); border-radius: 15px; font-size: 24px; }

.cta { padding: 75px 0; color: var(--white); background: linear-gradient(110deg,#163c5e,#0b263b 60%,#174a60); overflow: hidden; }
.cta::after { content: ""; position: absolute; width: 500px; height: 500px; left: -190px; top: -220px; border: 1px solid rgba(113,227,223,.2); border-radius: 50%; box-shadow: 0 0 0 55px rgba(113,227,223,.03),0 0 0 110px rgba(113,227,223,.025); }
.cta__inner { position: relative; z-index: 2; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 40px; }
.cta__logo { width: 120px; height: 120px; padding: 7px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; background: rgba(255,255,255,.06); }.cta__logo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.cta h2 { margin: 0; font: 600 clamp(28px,3vw,40px)/1.45 "Alexandria"; }.cta h2 em { color: var(--aqua); }
.cta__actions { display: flex; gap: 10px; }

.footer { padding-top: 75px; color: rgba(255,255,255,.62); background: #061722; }
.footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3,1fr); gap: 70px; padding-bottom: 58px; }
.brand--footer { color: var(--white); }.footer__brand p { max-width: 350px; margin: 20px 0 0; font-size: 13px; }
.footer h3 { margin: 10px 0 21px; color: var(--white); font: 600 13px "Alexandria"; }
.footer__grid > div:not(:first-child) { display: flex; flex-direction: column; align-items: flex-start; }
.footer__grid a:not(.brand) { margin-bottom: 9px; font-size: 13px; transition: .2s; }.footer__grid a:not(.brand):hover { color: var(--aqua); transform: translateX(-3px); }
.footer__grid p { margin: 0 0 14px; font-size: 12px; }
.footer-cart { padding: 0; color: var(--aqua); border: 0; background: transparent; cursor: pointer; font-size: 12px; }
.footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0 25px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.35); font-size: 11px; }

.catalog-hero { position: relative; padding: 150px 0 75px; color: #fff; background: #0a2133; overflow: hidden; }
.catalog-hero::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 60px 60px; }
.catalog-hero__glow { position: absolute; width: 500px; height: 500px; left: -100px; top: -250px; background: rgba(113,227,223,.13); border-radius: 50%; filter: blur(50px); }
.catalog-hero__grid { position: relative; display: grid; grid-template-columns: .8fr 1.1fr; align-items: center; gap: 60px; }
.catalog-hero h1 { margin: 0; font: 600 clamp(42px,5vw,67px)/1.25 "Alexandria"; letter-spacing: -.04em; }.catalog-hero p { max-width: 520px; color: rgba(255,255,255,.58); font-size: 16px; }
.catalog-hero__art { position: relative; height: 365px; border: 1px solid rgba(255,255,255,.14); border-radius: 32px; overflow: hidden; box-shadow: 0 35px 70px rgba(0,0,0,.3); }.catalog-hero__art img { width: 100%; height: 100%; object-fit: cover; object-position: 68% 50%; }.catalog-hero__art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(7,24,37,.42),transparent 45%); }
.catalog-hero__art span { position: absolute; z-index: 2; bottom: 17px; left: 20px; color: rgba(255,255,255,.45); font: 500 9px "Alexandria"; letter-spacing: .2em; direction: ltr; }
.catalog { padding-top: 80px; background: #f5f8f9; }
.catalog__head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }.catalog__head h2 { font-size: 42px; }.catalog__head .demo-note { margin: 10px 0 0; }
.catalog__count { display: grid; grid-template-columns: auto auto; align-items: center; gap: 10px; padding: 14px 18px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }.catalog__count strong { color: var(--teal); font: 700 22px "Alexandria"; }.catalog__count span { color: var(--muted); font-size: 12px; }
.shop-toolbar { display: grid; grid-template-columns: minmax(260px,1.7fr) 1fr 1fr auto; gap: 10px; padding: 13px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 15px 40px rgba(12,32,49,.06); }
.search-field, .select-field { position: relative; display: flex; align-items: center; min-height: 50px; background: #f5f8f9; border: 1px solid transparent; border-radius: 13px; transition: .2s; }.search-field:focus-within, .select-field:focus-within { border-color: var(--teal); background: #fff; }
.search-field svg { width: 19px; margin-inline: 15px 0; fill: none; stroke: var(--muted); stroke-width: 1.7; }.search-field input { width: 100%; height: 48px; padding: 0 13px; color: var(--ink); border: 0; outline: 0; background: transparent; font-size: 13px; }
.select-field select { appearance: none; width: 100%; height: 48px; padding: 0 14px 0 34px; color: var(--ink); border: 0; outline: 0; background: transparent; font-size: 12px; cursor: pointer; }.select-field > span { position: absolute; left: 12px; pointer-events: none; }
.filter-reset { padding: 0 18px; border: 0; color: var(--muted); background: transparent; font-size: 12px; cursor: pointer; }.filter-reset:hover { color: var(--navy); }
.category-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 34px; }.category-chips button { padding: 9px 15px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 12px; font-size: 11px; cursor: pointer; transition: .2s; }.category-chips button:hover,.category-chips button.active { color: #fff; background: var(--navy); border-color: var(--navy); }
.product-grid--catalog { grid-template-columns: repeat(4,1fr); row-gap: 23px; }
.empty-results { padding: 80px 20px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 26px; }.empty-results > span { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 20px; color: var(--teal); background: var(--ice); border-radius: 22px; font-size: 31px; }.empty-results h3 { margin: 0; font: 600 21px "Alexandria"; }.empty-results p { color: var(--muted); }
.catalog-help { padding: 60px 0; color: #fff; background: linear-gradient(120deg,#173c5a,#0a2538); }.catalog-help__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.catalog-help span { color: var(--aqua); font-size: 12px; }.catalog-help h2 { margin: 7px 0 0; font: 600 29px/1.45 "Alexandria"; }

.overlay-backdrop { position: fixed; z-index: 200; inset: 0; background: rgba(4,16,25,.62); opacity: 0; visibility: hidden; transition: .28s; backdrop-filter: blur(7px); }.overlay-backdrop.is-open { opacity: 1; visibility: visible; }
.cart-drawer { position: fixed; z-index: 210; top: 0; bottom: 0; left: 0; width: min(440px,100%); display: flex; flex-direction: column; background: #fff; box-shadow: 30px 0 90px rgba(0,0,0,.22); transform: translateX(-105%); transition: transform .36s cubic-bezier(.22,.8,.25,1); }.cart-drawer.is-open { transform: translateX(0); }
.drawer-head { display: flex; align-items: center; justify-content: space-between; min-height: 86px; padding: 20px 24px; border-bottom: 1px solid var(--line); }.drawer-head h2 { margin: 0; font: 600 20px "Alexandria"; }.drawer-head p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }.close-button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); background: #f7f9fa; border-radius: 12px; cursor: pointer; font-size: 22px; }
.cart-items { flex: 1; padding: 18px 22px; overflow: auto; }.cart-item { display: grid; grid-template-columns: 76px 1fr auto; gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--line); }.cart-item__art { display: grid; place-items: center; width: 76px; height: 76px; background: var(--ice); border-radius: 16px; overflow: hidden; }.cart-item__art svg { width: 80%; height: 80%; }.cart-item h3 { margin: 2px 0 5px; font: 600 12px/1.55 "Alexandria"; }.cart-item__price { color: var(--teal); font: 700 13px "Alexandria"; }.cart-item__qty { display: inline-flex; align-items: center; gap: 8px; margin-top: 9px; padding: 3px; border: 1px solid var(--line); border-radius: 10px; }.cart-item__qty button { display: grid; place-items: center; width: 25px; height: 25px; border: 0; background: #f2f6f7; border-radius: 7px; cursor: pointer; }.cart-item__qty span { min-width: 15px; text-align: center; font-size: 11px; }.remove-item { align-self: start; padding: 5px; color: #9b6c70; border: 0; background: transparent; cursor: pointer; font-size: 16px; }
.cart-empty { display: grid; place-items: center; align-content: center; min-height: 100%; padding: 50px 20px; text-align: center; }.cart-empty span { display: grid; place-items: center; width: 76px; height: 76px; color: var(--teal); background: var(--ice); border-radius: 24px; font-size: 32px; }.cart-empty h3 { margin: 20px 0 4px; font: 600 17px "Alexandria"; }.cart-empty p { margin: 0 0 20px; color: var(--muted); font-size: 12px; }
.drawer-footer { padding: 20px 22px 24px; border-top: 1px solid var(--line); background: #fbfcfc; }.cart-total { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }.cart-total span { color: var(--muted); font-size: 13px; }.cart-total strong { color: var(--navy); font: 700 23px "Alexandria"; }.cart-total small { font-size: 10px; }.drawer-footer .button { width: 100%; }.drawer-footer > small { display: block; margin-top: 10px; color: var(--muted); text-align: center; font-size: 10px; }

.modal { position: fixed; z-index: 220; top: 50%; left: 50%; width: min(890px,calc(100% - 28px)); max-height: min(760px,calc(100vh - 28px)); background: #fff; border-radius: 28px; box-shadow: 0 35px 100px rgba(0,0,0,.3); opacity: 0; visibility: hidden; transform: translate(-50%,-46%) scale(.98); transition: .28s; overflow: auto; }.modal.is-open { opacity: 1; visibility: visible; transform: translate(-50%,-50%) scale(1); }
.modal__close { position: absolute; z-index: 4; top: 17px; left: 17px; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); background: rgba(255,255,255,.9); border-radius: 13px; cursor: pointer; font-size: 22px; backdrop-filter: blur(10px); }
.product-modal__grid { display: grid; grid-template-columns: 1fr 1.05fr; min-height: 560px; }.product-modal__visual { position: relative; display: grid; place-items: center; min-height: 500px; background: radial-gradient(circle at 50% 45%,#fff,#e8f1f2 55%,#d3e2e4); border-radius: 0 28px 28px 0; overflow: hidden; }.product-modal__visual::before { content:""; position:absolute; width:310px;height:310px;border:1px solid rgba(24,56,88,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.28),0 0 0 90px rgba(255,255,255,.13); }.product-modal__visual svg { position:relative;width:75%;height:75%;filter:drop-shadow(0 28px 24px rgba(15,43,64,.2)); }.product-modal__content { padding: 62px 42px 40px; }.product-modal__content .product-card__category { font-size:12px; }.product-modal__content h2 { margin: 8px 0 14px; font:600 27px/1.55 "Alexandria"; }.product-modal__content > p { color:var(--muted);font-size:14px; }.product-modal__price { display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:0 5px;margin:23px 0;color:var(--navy);font:700 32px "Alexandria"; }.product-modal__price small { font-size:11px;color:var(--muted); }.product-specs { display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0; }.product-specs div { padding:12px;background:#f6f8f9;border:1px solid var(--line);border-radius:12px; }.product-specs small { display:block;color:var(--muted);font-size:9px; }.product-specs strong { font-size:11px; }.quantity-row { display:flex;gap:10px;margin-top:25px; }.qty-control { display:flex;align-items:center;gap:13px;padding:5px;border:1px solid var(--line);border-radius:14px; }.qty-control button { width:35px;height:35px;border:0;background:#f0f5f5;border-radius:10px;cursor:pointer;font-size:18px; }.qty-control span { min-width:20px;text-align:center;font:600 13px "Alexandria"; }.quantity-row .button { flex:1; }

.checkout-modal { width:min(720px,calc(100% - 28px)); }.checkout-wrap { padding:42px; }.checkout-wrap h2 { margin:0;font:600 25px "Alexandria"; }.checkout-wrap > p { margin:7px 0 24px;color:var(--muted);font-size:13px; }.checkout-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:13px; }.form-field { display:grid;gap:6px; }.form-field--wide { grid-column:1/-1; }.form-field label { font-size:11px;font-weight:700; }.form-field input,.form-field textarea { width:100%;border:1px solid var(--line);background:#f7f9fa;border-radius:12px;padding:12px 13px;outline:0;resize:vertical; }.form-field input:focus,.form-field textarea:focus { border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(120,168,168,.1); }.form-field input.field-invalid,.form-field textarea.field-invalid { border-color:#b84f59;background:#fff7f7;box-shadow:0 0 0 3px rgba(184,79,89,.09); }.form-hint { color:var(--muted);font-size:9px;line-height:1.6; }.form-trap { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }.checkout-summary { display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:14px 16px;background:var(--ice);border-radius:13px; }.checkout-summary span { font-size:12px; }.checkout-summary strong { font:700 20px "Alexandria"; }.checkout-wrap .button { width:100%; }
.order-success { padding:55px 40px;text-align:center; }.success-check { display:grid;place-items:center;width:76px;height:76px;margin:0 auto 21px;color:#0b2e36;background:linear-gradient(135deg,#b4ebe5,#6bd7d1);border-radius:24px;font-size:34px; }.order-success h2 { margin:0;font:600 25px "Alexandria"; }.order-success p { max-width:480px;margin:10px auto;color:var(--muted); }.order-code { display:inline-block;margin:12px 0 22px;padding:9px 16px;color:var(--navy);background:var(--ice);border-radius:10px;font:600 13px "Alexandria";direction:ltr; }
.toast-region { position:fixed;z-index:300;right:20px;bottom:20px;display:grid;gap:9px;pointer-events:none; }.toast { display:flex;align-items:center;gap:11px;min-width:280px;max-width:380px;padding:13px 15px;color:#fff;background:#0c2b40;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.22);transform:translateY(20px);opacity:0;animation:toastIn .3s forwards; }.toast span { display:grid;place-items:center;width:25px;height:25px;color:#0b2a38;background:var(--aqua);border-radius:8px;font-weight:700; }.toast p { margin:0;font-size:12px; }
.mobile-cart { display:none; }

.site-header--solid:not(.is-sticky) { position:absolute; top:34px; color:var(--white); background:transparent; border-bottom-color:transparent; box-shadow:none; backdrop-filter:none; }
.site-header--solid:not(.is-sticky) .cart-button { border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.08); }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity:1; transform:none; }.reveal--delay { transition-delay:.16s; }.reveal--delay-1 { transition-delay:.08s; }.reveal--delay-2 { transition-delay:.16s; }.reveal--delay-3 { transition-delay:.24s; }

@keyframes pulse { 50% { box-shadow:0 0 0 8px rgba(114,222,210,0); } }
@keyframes float { 50% { transform:translateY(-10px); } }
@keyframes sweep { 0%,35% { left:-25%; } 65%,100% { left:125%; } }
@keyframes scrollLine { to { inset:100% 0 auto; } }
@keyframes toastIn { to { opacity:1;transform:none; } }

@media (max-width: 1100px) {
  .main-nav { gap:18px; }.hero__grid { grid-template-columns:1fr 1.05fr; }.hero__visual { min-height:520px; }.hero__image-frame { inset:4% -18% 0 -10%; }.category-grid,.product-grid,.product-grid--catalog { grid-template-columns:repeat(2,1fr); }.category-card { min-height:390px; }.about__grid { gap:55px; }.benefit-grid { grid-template-columns:repeat(2,1fr); }.steps__wrap { gap:55px; }.cta__inner { grid-template-columns:95px 1fr; }.cta__logo { width:95px;height:95px; }.cta__actions { grid-column:2; }.footer__grid { grid-template-columns:1.3fr repeat(3,1fr);gap:35px; }.shop-toolbar { grid-template-columns:1.5fr 1fr 1fr; }.filter-reset { grid-column:1/-1;height:36px; }
}

@media (max-width: 860px) {
  :root { --container:min(100% - 28px,720px); }
  .announcement__note { display:none; }.site-header { top:34px; }.site-header.is-sticky,.site-header--solid { top:0; }.nav-wrap { min-height:70px;gap:13px; }.brand img { width:42px;height:42px;border-radius:13px; }.brand strong { font-size:12px; }.menu-toggle { display:block;margin-inline-start:auto; }.cart-button span { display:none; }.main-nav { position:absolute;top:70px;right:14px;left:14px;display:grid;gap:2px;padding:13px;color:var(--ink);background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s; }.main-nav.is-open { opacity:1;visibility:visible;transform:none; }.main-nav a { padding:11px 12px; }.main-nav a::after { display:none; }.main-nav a:hover,.main-nav a.active { background:var(--ice);border-radius:10px; }
  .hero { min-height:auto;padding:130px 0 72px; }.hero__grid { grid-template-columns:1fr;gap:50px; }.hero__copy { text-align:center; }.hero__copy > p { margin-inline:auto; }.hero__actions { justify-content:center; }.hero__trust { margin-inline:auto;text-align:right; }.hero__visual { min-height:480px; }.hero__image-frame { inset:0;border-radius:31px;transform:none; }.floating-card--top { right:-2%; }.floating-card--bottom { left:-2%; }.brand-seal { right:6%; }.scroll-cue { display:none; }
  .trust-bar__grid { grid-template-columns:repeat(2,1fr); }.trust-bar__grid > div:nth-child(3) { border-top:1px solid var(--line); }.trust-bar__grid > div:nth-child(4) { border-top:1px solid var(--line); }
  .section { padding:85px 0; }.section-heading { grid-template-columns:1fr;gap:18px; }.section-heading--compact { grid-template-columns:1fr auto; }.demo-note { margin-top:-18px; }.about__grid { grid-template-columns:1fr; }.about__visual { min-height:520px;max-width:570px;width:100%;margin:auto; }.about__logo-frame { inset:0 8%; }.about__copy { text-align:center; }.about__points { text-align:right; }.steps__wrap { grid-template-columns:1fr; }.steps__intro { text-align:center; }.steps__intro > p { margin-inline:auto; }.cta__inner { grid-template-columns:85px 1fr; }.cta__logo { width:85px;height:85px; }.footer__grid { grid-template-columns:repeat(2,1fr); }.footer__brand { grid-column:1/-1; }.catalog-hero { padding-top:125px; }.catalog-hero__grid { grid-template-columns:1fr;gap:35px; }.catalog-hero__art { height:330px; }.product-modal__grid { grid-template-columns:1fr; }.product-modal__visual { min-height:330px;border-radius:28px 28px 0 0; }.product-modal__content { padding:35px 28px; }
}

@media (max-width: 600px) {
  body { padding-bottom:67px; }.announcement { font-size:11px; }.announcement__inner { justify-content:center; }.brand small { display:none; }.brand strong { font-size:11px; }.cart-button { display:none; }.menu-toggle { margin-inline-start:auto; }
  .hero { padding-top:122px; }.hero h1 { font-size:37px; }.hero__copy > p { font-size:15px; }.hero__actions { display:grid;grid-template-columns:1fr; }.button { width:100%; }.hero__trust { gap:8px; }.hero__trust div { display:grid;justify-items:center;text-align:center; }.hero__trust span { font-size:10px; }.hero__visual { min-height:365px; }.hero__image-frame img { object-position:63% center; }.floating-card { min-width:145px;padding:10px 12px; }.floating-card--top { top:7%;right:-4%; }.floating-card--bottom { bottom:3%;left:-4%; }.brand-seal { width:68px;height:68px;bottom:-25px; }
  .trust-bar__grid { grid-template-columns:1fr; }.trust-bar__grid > div { min-height:88px;border-top:1px solid var(--line);border-inline:0!important; }.trust-bar__grid > div:first-child { border-top:0; }
  .section { padding:68px 0; }.section-heading,.section-heading--compact { display:block; }.section-heading > p { margin-top:15px; }.text-link { margin-top:20px; }.section-heading h2,.center-heading h2,.about h2,.steps h2 { font-size:31px; }.category-grid,.product-grid,.product-grid--catalog { grid-template-columns:1fr; }.category-card { min-height:375px; }.product-card__visual { height:280px; }.about__visual { min-height:390px; }.about__logo-frame { inset:0 3%;border-radius:35px; }.about__caption { left:0;bottom:18px; }.about__points { grid-template-columns:1fr; }.benefit-grid { grid-template-columns:1fr; }.benefit-card { min-height:230px; }.step { grid-template-columns:42px 1fr; }.step > span { display:none; }.cta { padding:58px 0; }.cta__inner { display:block;text-align:center; }.cta__logo { margin:0 auto 20px; }.cta__actions { display:grid;margin-top:24px; }.footer { padding-top:55px; }.footer__grid { grid-template-columns:1fr;gap:32px; }.footer__brand { grid-column:auto; }.footer__bottom { display:grid;text-align:center; }.catalog-hero h1 { font-size:37px; }.catalog-hero__art { height:265px; }.catalog__head { display:block; }.catalog__count { margin-top:20px;width:max-content; }.shop-toolbar { grid-template-columns:1fr; }.filter-reset { grid-column:auto; }.category-chips { flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px; }.category-chips button { flex:0 0 auto; }.catalog-help__inner { display:block;text-align:center; }.catalog-help .button { margin-top:22px; }.cart-drawer { width:100%; }.modal { width:calc(100% - 18px);border-radius:22px; }.product-modal__visual { min-height:280px; }.product-modal__content { padding:30px 21px; }.product-modal__content h2 { font-size:21px; }.product-specs { grid-template-columns:1fr; }.quantity-row { display:grid; }.checkout-wrap { padding:35px 20px; }.checkout-grid { grid-template-columns:1fr; }.form-field--wide { grid-column:auto; }.mobile-cart { position:fixed;z-index:90;right:14px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:135px;height:48px;padding:0 16px;color:#fff;border:1px solid rgba(255,255,255,.16);background:#0b293d;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.28);font:600 12px "Alexandria"; }.mobile-cart b { display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;color:#0b293d;background:var(--aqua);border-radius:8px;font-size:11px; }
  .product-card__visual { height:auto; }
  .toast-region { right:10px;left:10px;bottom:74px; }.toast { min-width:0;max-width:none;width:100%; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
}