:root {
      --op-ink: #132534;
      --op-muted: #607180;
      --op-line: #dce5ec;
      --op-soft: #f1f6f9;
      --op-white: #fff;
      --op-accent: #0786c8;
      --op-accent-dark: #07579d;
      --op-blue: #086db0;
      --op-navy: #073b70;
      --op-silver: #cbd7e1;
      --op-shadow: 0 18px 50px rgba(4, 58, 104, .10);
      --op-radius-lg: 28px;
      --op-radius-md: 20px;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--op-ink);
      background: #fff;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .payment-page {
      position: relative;
      overflow: hidden;
	      border-radius: 40px;
    margin-top: 16px;
      padding: 42px 20px 88px;
      background:
        radial-gradient(circle at 8% 4%, rgba(7, 134, 200, .14), transparent 25%),
        radial-gradient(circle at 95% 22%, rgba(7, 87, 157, .11), transparent 25%),
        linear-gradient(180deg, #f6fafc 0, #fff 480px);
    }

    .payment-page::before {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      top: 130px;
      right: -150px;
      border: 38px solid rgba(7, 134, 200, .08);
      border-radius: 50%;
      pointer-events: none;
    }

    .payment-container {
      position: relative;
      z-index: 1;
      width: min(1180px, 100%);
      margin: 0 auto;
    }

    .payment-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
      gap: 32px;
      align-items: center;
      padding: 54px 58px;
      color: #fff;
      border-radius: var(--op-radius-lg);
      background:
        linear-gradient(120deg, rgba(255,255,255,.11), transparent 44%),
        linear-gradient(135deg, #073766 0%, #07589a 58%, #0879b7 100%);
      box-shadow: var(--op-shadow);
    }

    .payment-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 18px;
      color: #9ddcff;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .payment-eyebrow::before {
      content: "";
      width: 28px;
      height: 2px;
      background: currentColor;
    }

    .payment-hero h1 {
      max-width: 720px;
      margin: 0;
      font-size: clamp(36px, 5vw, 62px);
      line-height: 1.02;
      letter-spacing: -.045em;
    }

    .payment-hero p {
      max-width: 660px;
      margin: 22px 0 0;
      color: rgba(255,255,255,.72);
      font-size: 18px;
      line-height: 1.65;
    }

    .payment-hero__mark {
      justify-self: end;
      position: relative;
      width: 210px;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 50%;
      background: rgba(255,255,255,.045);
    }

    .payment-hero__mark::before,
    .payment-hero__mark::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.10);
    }

    .payment-hero__mark::before { inset: 22px; }
    .payment-hero__mark::after { inset: 44px; }

    .payment-hero__icon {
      position: relative;
      z-index: 2;
      width: 74px;
      height: 74px;
      color: #c3ecff;
    }

    .payment-nav {
      display: flex;
      gap: 10px;
      margin: 22px 0 44px;
      padding: 8px;
      width: fit-content;
      border: 1px solid var(--op-line);
      border-radius: 999px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 10px 30px rgba(4,58,104,.08);
      position: sticky;
      top: 12px;
      z-index: 5;
      backdrop-filter: blur(12px);
    }

    .payment-nav a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 20px;
      color: var(--op-muted);
      border-radius: 999px;
      text-decoration: none;
      font-size: 14px;
      font-weight: 750;
      transition: .2s ease;
    }

    .payment-nav a:hover,
    .payment-nav a.is-active {
      color: #fff;
      background: var(--op-ink);
    }

    .payment-section { scroll-margin-top: 92px; }

    .payment-title {
      margin-bottom: 24px;
    }

    .payment-title span {
      display: block;
      margin-bottom: 10px;
      color: var(--op-accent-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .10em;
      text-transform: uppercase;
    }

    .payment-title h2 {
      margin: 0;
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1.1;
      letter-spacing: -.035em;
    }

    .payment-cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .payment-card {
      position: relative;
      padding: 34px;
      border: 1px solid var(--op-line);
      border-radius: var(--op-radius-md);
      background: var(--op-white);
      box-shadow: 0 12px 38px rgba(4,58,104,.065);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .payment-card:hover {
      transform: translateY(-4px);
      border-color: #d6dadd;
      box-shadow: var(--op-shadow);
    }

    .payment-card__top {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 25px;
    }

    .payment-card__icon {
      flex: 0 0 54px;
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      color: var(--op-accent-dark);
      border-radius: 16px;
      background: #eaf6fc;
    }

    .payment-card__icon svg { width: 27px; height: 27px; }

    .payment-card__type {
      margin: 0 0 4px;
      color: var(--op-muted);
      font-size: 13px;
      font-weight: 700;
    }

    .payment-card h3 {
      margin: 0;
      font-size: 24px;
      letter-spacing: -.025em;
    }

    .payment-list,
    .return-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .payment-list li,
    .return-list li {
      position: relative;
      padding-left: 31px;
      color: #3f4a52;
      font-size: 16px;
      line-height: 1.65;
    }

    .payment-list li + li,
    .return-list li + li { margin-top: 14px; }

    .payment-list li::before,
    .return-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 2px;
      width: 21px;
      height: 21px;
      display: grid;
      place-items: center;
      color: #fff;
      border-radius: 50%;
      background: var(--op-blue);
      font-size: 12px;
      font-weight: 900;
    }

    .payment-alert {
      display: flex;
      gap: 15px;
      margin-top: 26px;
      padding: 18px;
      color: #164c70;
      border: 1px solid #bcdced;
      border-radius: 15px;
      background: #eef8fd;
    }

    .payment-alert svg {
      flex: 0 0 24px;
      width: 24px;
      height: 24px;
      color: var(--op-accent-dark);
    }

    .payment-alert p { margin: 0; font-size: 14px; line-height: 1.55; }
    .payment-alert strong { display: block; margin-bottom: 3px; color: #083d66; font-size: 15px; }

    .payment-note {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 18px;
      align-items: center;
      margin-top: 22px;
      padding: 24px 28px;
      border-radius: var(--op-radius-md);
      background: var(--op-soft);
    }

    .payment-note__number {
      width: 50px;
      height: 50px;
      display: grid;
      place-items: center;
      color: #fff;
      border-radius: 50%;
      background: linear-gradient(145deg, var(--op-navy), var(--op-accent));
      font-size: 20px;
      font-weight: 800;
    }

    .payment-note p { margin: 0; color: var(--op-muted); font-size: 15px; line-height: 1.65; }
    .payment-note strong { color: var(--op-ink); }

    .return-section {
      margin-top: 82px;
      padding: 48px;
      border: 1px solid var(--op-line);
      border-radius: var(--op-radius-lg);
      background: #fff;
      box-shadow: var(--op-shadow);
    }

    .return-intro {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      margin-bottom: 34px;
    }

    .return-intro p {
      margin: 0;
      color: #4e5961;
      font-size: 16px;
      line-height: 1.75;
    }

    .return-help {
      padding: 22px;
      color: #264b5f !important;
      border-radius: 16px;
      background: #eaf6fc;
    }

    .return-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .return-box {
      padding: 28px;
      border-radius: var(--op-radius-md);
      background: var(--op-soft);
    }

    .return-box--warning {
      color: #fff;
      background: linear-gradient(145deg, #073766, #075b9e);
    }

    .return-box h3 {
      display: flex;
      align-items: center;
      gap: 11px;
      margin: 0 0 20px;
      font-size: 21px;
      line-height: 1.3;
      letter-spacing: -.02em;
    }

    .return-box h3 svg { width: 25px; height: 25px; color: var(--op-accent); }

    .return-box--warning .return-list li { color: rgba(255,255,255,.76); }
    .return-box--warning .return-list li::before { content: "×"; background: var(--op-accent); }

    .return-delivery {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin-top: 20px;
      padding: 22px 24px;
      border: 1px dashed #d1d6d9;
      border-radius: 16px;
    }

    .return-delivery svg {
      flex: 0 0 27px;
      width: 27px;
      height: 27px;
      color: var(--op-accent-dark);
    }

    .return-delivery p { margin: 0; color: var(--op-muted); font-size: 15px; line-height: 1.65; }
    .return-delivery strong { color: var(--op-ink); }

    .payment-card:focus-within,
    .payment-nav a:focus-visible {
      outline: 3px solid rgba(7,134,200,.30);
      outline-offset: 3px;
    }

    @media (max-width: 880px) {
      .payment-hero { grid-template-columns: 1fr; padding: 42px; }
      .payment-hero__mark { display: none; }
      .payment-cards, .return-intro, .return-grid { grid-template-columns: 1fr; }
      .return-section { padding: 36px; }
    }

    @media (max-width: 580px) {
      .payment-page { padding: 16px 12px 56px; }
      .payment-hero { padding: 34px 24px; border-radius: 22px; }
      .payment-hero h1 { font-size: 38px; }
      .payment-hero p { font-size: 16px; }
      .payment-nav { width: 100%; margin: 14px 0 34px; top: 8px; }
      .payment-nav a { flex: 1; min-width: 0; padding: 0 10px; font-size: 13px; }
      .payment-card { padding: 25px 22px; }
      .payment-card h3 { font-size: 21px; }
      .payment-note { grid-template-columns: 1fr; padding: 22px; }
      .return-section { margin-top: 56px; padding: 28px 21px; border-radius: 22px; }
      .return-box { padding: 24px 20px; }
      .return-delivery { padding: 19px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition: none !important; }
    }
	
	
	.order-success-page {
	max-width: 1300px;
	margin: 0 auto 60px;
	color: #172033;
}

.order-success-hero {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
	margin: 18px 0 24px;
	padding: 24px 28px;
	border: 1px solid #cdebd6;
	border-radius: 18px;
	background: linear-gradient(135deg, #f2fff6 0%, #fff 65%);
	box-shadow: 0 10px 35px rgba(25, 63, 42, .08);
}

.order-success-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #19a957;
	color: #fff;
	box-shadow: 0 8px 22px rgba(25, 169, 87, .25);
}

.order-success-check svg {
	width: 31px;
	height: 31px;
}

.order-success-kicker {
	margin-bottom: 4px;
	color: #168448;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.order-success-hero h1 {
	margin: 0 0 7px;
	font-size: clamp(25px, 3vw, 36px);
	line-height: 1.1;
}

.order-success-hero p {
	margin: 0;
	color: #566176;
	font-size: 15px;
	line-height: 1.55;
}

.order-receipt-print {
	padding: 12px 18px;
	border: 1px solid #d7dce5;
	border-radius: 10px;
	background: #fff;
	color: #22304a;
	font-weight: 700;
	cursor: pointer;
}

.order-receipt {
	overflow: hidden;
	border: 1px solid #dfe3ea;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 45px rgba(29, 43, 69, .09);
}

.order-receipt-header {
	text-align: center;
	padding: 24px 28px;
	border-bottom: 1px dashed #dfe3ea;
	background: #fafbfd;
}

.order-receipt-header h2 {
	margin: 0 0 7px;
	color: #1d2b43;
	font-size: 24px;
	line-height: 1.2;
}

.order-receipt-number {
	color: #5d687a;
	font-size: 15px;
	font-weight: 700;
}

.order-receipt-info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding: 24px 28px 10px;
}

.order-receipt-info-card {
	padding: 18px;
	border: 1px solid #e4e8ef;
	border-radius: 13px;
	background: #fff;
}

.order-receipt-info-card h2 {
	margin: 0 0 12px;
	font-size: 15px;
}

.order-receipt-info-card dl,
.order-receipt-info-card dd {
	margin: 0;
}

.order-receipt-info-card dl > div {
	display: grid;
	grid-template-columns: 125px minmax(0, 1fr);
	gap: 10px;
	padding: 5px 0;
	font-size: 13px;
	line-height: 1.45;
}

.order-receipt-info-card dt {
	color: #7a8497;
}

.order-receipt-info-card dd {
	color: #202a3d;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.order-receipt-table-wrap {
	overflow-x: auto;
	padding: 14px 28px 0;
}

.order-receipt-table {
	width: 100%;
	border: 1px solid #e1e5ec;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
}

.order-receipt-table th,
.order-receipt-table td {
	padding: 14px 16px;
	border-bottom: 1px solid #e8ebf0;
	text-align: right;
	vertical-align: middle;
}

.order-receipt-table th {
	background: #f6f8fb;
	color: #667186;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.order-receipt-table th:first-child,
.order-receipt-table td:first-child {
	text-align: left;
}

.order-receipt-table tbody tr:last-child td {
	border-bottom: 0;
}

.order-receipt-table td {
	font-size: 14px;
}

.order-receipt-table td small {
	display: block;
	margin-top: 4px;
	color: #8490a3;
}

.order-receipt-bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 30px;
	padding: 20px 28px 28px;
}

.order-receipt-comment {
	color: #667186;
	font-size: 13px;
	line-height: 1.55;
}

.order-receipt-comment p {
	margin: 7px 0 0;
}

.order-receipt-totals > div {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 7px 0;
	font-size: 14px;
}

.order-receipt-total {
	margin-top: 4px;
	padding-top: 12px !important;
	border-top: 1px solid #dfe3ea;
	font-size: 18px !important;
}

.receipt-email-box {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	margin-top: 24px;
	padding: 24px 28px;
	border: 1px solid #cbdcf0;
	border-radius: 16px;
	background: #f5f9ff;
}

.receipt-email-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: #e3efff;
	color: #0b68c7;
}

.receipt-email-icon svg {
	width: 27px;
	height: 27px;
}

.receipt-email-content h2 {
	margin: 0 0 5px;
	font-size: 20px;
}

.receipt-email-content p {
	margin: 0 0 15px;
	color: #667186;
	font-size: 14px;
}

.receipt-email-form {
	display: flex;
	gap: 10px;
	max-width: 620px;
}

.receipt-email-form input {
	flex: 1;
	min-width: 0;
	height: 46px;
	padding: 0 15px;
	border: 1px solid #c8d0dd;
	border-radius: 10px;
	background: #fff;
	font-size: 15px;
}

.receipt-email-form input:focus {
	border-color: #0b74d8;
	outline: 3px solid rgba(11, 116, 216, .13);
}

.receipt-email-form button {
	height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 10px;
	background: #0b67bd;
	color: #fff;
	font-weight: 800;
	cursor: pointer;
}

.receipt-email-privacy {
	margin-top: 9px;
	color: #8791a3;
	font-size: 12px;
}

.receipt-email-status,
.receipt-email-sent {
	margin-top: 18px;
	padding: 14px 18px;
	border-radius: 11px;
	font-size: 14px;
}

.receipt-email-status.is-success,
.receipt-email-sent {
	border: 1px solid #bfe5cc;
	background: #effcf4;
	color: #15763e;
}

.receipt-email-status.is-error {
	border: 1px solid #f0c3c3;
	background: #fff3f3;
	color: #a12727;
}

.order-success-note {
	margin-top: 22px;
	padding: 20px 24px;
	border-radius: 14px;
	background: #f6f7f9;
	color: #596579;
	font-size: 14px;
	line-height: 1.55;
}

.order-success-note p {
	margin: 5px 0 12px;
}

.order-success-note a {
	display: inline-block;
	margin-right: 18px;
	color: #075fab;
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 720px) {
	.order-success-hero {
		grid-template-columns: 48px minmax(0, 1fr);
		padding: 20px;
	}

	.order-success-check {
		width: 46px;
		height: 46px;
	}

	.order-receipt-print {
		grid-column: 1 / -1;
	}

	.order-receipt-header,
	.order-receipt-info,
	.order-receipt-bottom {
		padding-left: 18px;
		padding-right: 18px;
	}

	.order-receipt-info,
	.order-receipt-bottom {
		grid-template-columns: 1fr;
	}

	.order-receipt-table-wrap {
		padding: 10px 18px 0;
	}

	.order-receipt-table,
	.order-receipt-table tbody,
	.order-receipt-table tr,
	.order-receipt-table td {
		display: block;
		width: 100%;
	}

	.order-receipt-table thead {
		display: none;
	}

	.order-receipt-table tr {
		padding: 10px 0;
		border-bottom: 1px solid #e5e9ef;
	}

	.order-receipt-table td {
		display: grid;
		grid-template-columns: 105px minmax(0, 1fr);
		gap: 12px;
		padding: 7px 14px;
		border: 0;
		text-align: right !important;
	}

	.order-receipt-table td::before {
		content: attr(data-label);
		color: #7a8497;
		text-align: left;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.receipt-email-box {
		grid-template-columns: 1fr;
		padding: 20px;
	}

	.receipt-email-form {
		flex-direction: column;
	}
}

@media print {
	header,
	footer,
	#breadcrumbs,
	.order-success-hero,
	.receipt-email-box,
	.receipt-email-status,
	.receipt-email-sent,
	.order-success-note {
		display: none !important;
	}

	.order-success-page {
		max-width: none;
		margin: 0;
	}

	.order-receipt {
		border: 0;
		box-shadow: none;
	}
}


   :root {
      --m41-ink: #102433;
      --m41-navy: #073b70;
      --m41-blue: #075b9e;
      --m41-sky: #0786c8;
      --m41-muted: #61717d;
      --m41-line: #dce5ec;
      --m41-soft: #f2f7fa;
      --m41-white: #fff;
      --m41-shadow: 0 22px 60px rgba(4, 58, 104, .11);
      --m41-radius-xl: 30px;
      --m41-radius-lg: 22px;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      color: var(--m41-ink);
      background: #fff;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .m41-about {
         position: relative;
    overflow: hidden;
    border-radius: 40px;
    margin-top: 21px;
    padding: 34px 20px 88px;
    background: radial-gradient(circle at 5% 4%, rgba(7, 134, 200, .14), transparent 23%), radial-gradient(circle at 98% 27%, rgba(7, 91, 158, .10), transparent 23%), linear-gradient(180deg, #f7fbfd 0, #fff 620px);
    }

    .m41-about::before {
      content: "";
      position: absolute;
      top: 620px;
      left: -170px;
      width: 300px;
      height: 300px;
      border: 45px solid rgba(7, 134, 200, .055);
      border-radius: 50%;
      pointer-events: none;
    }

    .m41-about__container {
      position: relative;
      z-index: 1;
      width: min(1180px, 100%);
      margin: 0 auto;
    }

    .m41-about__hero {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
      min-height: 590px;
      overflow: hidden;
      color: #fff;
      border-radius: var(--m41-radius-xl);
      background: linear-gradient(135deg, #062f59 0%, #074c88 56%, #0878b6 100%);
      box-shadow: var(--m41-shadow);
    }

    .m41-about__hero-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 64px 58px;
    }

    .m41-about__hero-content::after {
      content: "41";
      position: absolute;
      right: 18px;
      bottom: -36px;
      color: rgba(255,255,255,.045);
      font-size: 210px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.08em;
      pointer-events: none;
    }

    .m41-about__eyebrow {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      margin-bottom: 20px;
      color: #a9dfff;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .m41-about__eyebrow::before {
      content: "";
      width: 28px;
      height: 2px;
      background: currentColor;
    }

    .m41-about__hero h1 {
      position: relative;
      z-index: 1;
      max-width: 620px;
      margin: 0;
      font-size: clamp(42px, 5.7vw, 68px);
      line-height: 1.01;
      letter-spacing: -.055em;
    }

    .m41-about__hero-text {
      position: relative;
      z-index: 1;
      max-width: 620px;
      margin: 24px 0 0;
      color: rgba(255,255,255,.76);
      font-size: 18px;
      line-height: 1.7;
    }

    .m41-about__hero-points {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 32px;
    }

    .m41-about__hero-points span {
      display: inline-flex;
      align-items: center;
      min-height: 42px;
      padding: 0 16px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 999px;
      background: rgba(255,255,255,.07);
      font-size: 13px;
      font-weight: 700;
      backdrop-filter: blur(8px);
    }

    .m41-about__hero-photo {
      position: relative;
      min-height: 590px;
      overflow: hidden;
    }

    .m41-about__hero-photo::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(90deg, #074b86 0%, rgba(7,75,134,.26) 24%, transparent 55%);
      pointer-events: none;
    }

    .m41-about__hero-photo img {
      width: 100%;
      height: 100%;
      min-height: 590px;
      display: block;
      object-fit: cover;
      object-position: center;
    }

    .m41-about__section {
      margin-top: 86px;
    }

    .m41-about__section-head {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
      gap: 58px;
      align-items: end;
      margin-bottom: 34px;
    }

    .m41-about__label {
      display: block;
      margin-bottom: 11px;
      color: var(--m41-blue);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .m41-about__section h2 {
      margin: 0;
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.08;
      letter-spacing: -.04em;
    }

    .m41-about__section-head p {
      margin: 0;
      color: var(--m41-muted);
      font-size: 17px;
      line-height: 1.75;
    }

    .m41-about__gallery {
      display: grid;
      grid-template-columns: 1.32fr .68fr;
      grid-template-rows: repeat(2, 250px);
      gap: 16px;
    }

    .m41-about__gallery figure {
      position: relative;
      overflow: hidden;
      margin: 0;
      border-radius: var(--m41-radius-lg);
      background: #dbe6ed;
    }

    .m41-about__gallery figure:first-child { grid-row: 1 / 3; }

    .m41-about__gallery img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: transform .55s ease;
    }

    .m41-about__gallery figure:hover img { transform: scale(1.035); }

    .m41-about__gallery figcaption {
      position: absolute;
      left: 18px;
      bottom: 18px;
      max-width: calc(100% - 36px);
      padding: 10px 14px;
      color: #fff;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 12px;
      background: rgba(8,31,48,.74);
      font-size: 13px;
      font-weight: 700;
      backdrop-filter: blur(8px);
    }

    .m41-about__assortment {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .m41-about__product {
      position: relative;
     
      padding: 28px 24px;
      overflow: hidden;
      color: var(--m41-ink);
      border: 1px solid var(--m41-line);
      border-radius: var(--m41-radius-lg);
      background: #fff;
      box-shadow: 0 12px 38px rgba(4,58,104,.055);
      text-decoration: none;
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

    .m41-about__product:hover {
      transform: translateY(-5px);
      border-color: #b9d4e5;
      box-shadow: var(--m41-shadow);
    }

    .m41-about__product::after {
      content: "";
      position: absolute;
      right: -34px;
      bottom: -34px;
      width: 120px;
      height: 120px;
      border: 23px solid rgba(7,134,200,.07);
      border-radius: 50%;
    }

    .m41-about__product-num {
      display: block;
      margin-bottom: 42px;
      color: var(--m41-sky);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .10em;
    }

    .m41-about__product h3 {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 22px;
      line-height: 1.2;
      letter-spacing: -.025em;
    }

    .m41-about__product:focus-visible {
      outline: 3px solid rgba(7,134,200,.35);
      outline-offset: 4px;
    }

    .m41-about__wide-note {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-top: 18px;
      padding: 25px 28px;
      color: #fff;
      border-radius: var(--m41-radius-lg);
      background: linear-gradient(115deg, var(--m41-navy), var(--m41-blue) 66%, var(--m41-sky));
    }

    .m41-about__wide-note-icon {
      flex: 0 0 48px;
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 50%;
      background: rgba(255,255,255,.09);
      font-size: 22px;
      font-weight: 900;
    }

    .m41-about__wide-note p {
      margin: 0;
      color: rgba(255,255,255,.78);
      font-size: 15px;
      line-height: 1.55;
    }

    .m41-about__wide-note strong {
      display: block;
      margin-bottom: 3px;
      color: #fff;
      font-size: 18px;
    }

    .m41-about__features-wrap {
      padding: 50px;
      border: 1px solid var(--m41-line);
      border-radius: var(--m41-radius-xl);
      background: var(--m41-soft);
    }

    .m41-about__features {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .m41-about__feature {
      padding: 26px;
      border-radius: 18px;
      background: #fff;
    }

    .m41-about__feature-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      margin-bottom: 22px;
      color: var(--m41-blue);
      border-radius: 14px;
      background: #e7f4fb;
    }

    .m41-about__feature-icon svg { width: 25px; height: 25px; }

    .m41-about__feature h3 {
      margin: 0 0 10px;
      font-size: 19px;
      line-height: 1.3;
    }

    .m41-about__feature p {
      margin: 0;
      color: var(--m41-muted);
      font-size: 14px;
      line-height: 1.65;
    }

    .m41-about__services {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 22px;
      align-items: stretch;
    }

    .m41-about__services-photo {
      min-height: 480px;
      overflow: hidden;
      border-radius: var(--m41-radius-xl);
      background: #dbe6ed;
    }

    .m41-about__services-photo img {
      width: 100%;
      height: 100%;
      min-height: 480px;
      display: block;
      object-fit: cover;
    }

    .m41-about__services-content {
      padding: 44px;
      color: #fff;
      border-radius: var(--m41-radius-xl);
      background: var(--m41-ink);
    }

    .m41-about__services-content .m41-about__label { color: #9bdcff; }

    .m41-about__services-content h2 {
      max-width: 620px;
      margin-bottom: 18px;
    }

    .m41-about__services-content > p {
      margin: 0 0 28px;
      color: rgba(255,255,255,.68);
      font-size: 16px;
      line-height: 1.7;
    }

    .m41-about__services-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 11px;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .m41-about__services-list li {
      position: relative;
      padding: 15px 16px 15px 47px;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 13px;
      background: rgba(255,255,255,.045);
      font-size: 14px;
      line-height: 1.35;
    }

    .m41-about__services-list li::before {
      content: "✓";
      position: absolute;
      left: 16px;
      top: 50%;
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      color: var(--m41-ink);
      border-radius: 50%;
      background: #8ed7ff;
      font-size: 11px;
      font-weight: 900;
      transform: translateY(-50%);
    }

    .m41-about__principle {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
      gap: 20px;
      margin-top: 86px;
    }

    .m41-about__principle-main,
    .m41-about__principle-side {
      padding: 42px;
      border-radius: var(--m41-radius-xl);
    }

    .m41-about__principle-main {
      border: 1px solid var(--m41-line);
      background: #fff;
      box-shadow: var(--m41-shadow);
    }

    .m41-about__quote {
      margin: 0 0 23px;
      color: var(--m41-blue);
      font-size: 42px;
      font-weight: 900;
      line-height: .7;
    }

    .m41-about__principle-main h2 {
      max-width: 760px;
      margin: 0 0 20px;
      font-size: clamp(29px, 3.4vw, 44px);
      line-height: 1.12;
      letter-spacing: -.035em;
    }

    .m41-about__principle-main p {
      margin: 0;
      color: var(--m41-muted);
      font-size: 16px;
      line-height: 1.75;
    }

    .m41-about__principle-side {
      color: #fff;
      background: linear-gradient(145deg, #063563, #0878b6);
    }

    .m41-about__principle-side h3 {
      margin: 0 0 18px;
      font-size: 24px;
      line-height: 1.25;
    }

    .m41-about__principle-side p {
      margin: 0;
      color: rgba(255,255,255,.74);
      font-size: 15px;
      line-height: 1.7;
    }

    .m41-about__principle-side p + p { margin-top: 16px; }

    @media (max-width: 1000px) {
      .m41-about__hero { grid-template-columns: 1fr; }
      .m41-about__hero-photo { min-height: 380px; }
      .m41-about__hero-photo img { min-height: 380px; }
      .m41-about__hero-photo::before { background: linear-gradient(180deg, #074b86 0%, transparent 30%); }
      .m41-about__assortment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .m41-about__features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .m41-about__services { grid-template-columns: 1fr; }
      .m41-about__services-photo, .m41-about__services-photo img { min-height: 360px; }
    }

    @media (max-width: 760px) {
      .m41-about__section-head { grid-template-columns: 1fr; gap: 18px; }
      .m41-about__gallery { grid-template-columns: 1fr; grid-template-rows: repeat(3, 280px); }
      .m41-about__gallery figure:first-child { grid-row: auto; }
      .m41-about__principle { grid-template-columns: 1fr; }
    }

    @media (max-width: 580px) {
      .m41-about { padding: 16px 12px 56px; }
      .m41-about__hero { border-radius: 22px; }
      .m41-about__hero-content { padding: 40px 24px; }
      .m41-about__hero h1 { font-size: 43px; }
      .m41-about__hero-text { font-size: 16px; }
      .m41-about__hero-photo, .m41-about__hero-photo img { min-height: 290px; }
      .m41-about__section, .m41-about__principle { margin-top: 58px; }
      .m41-about__assortment, .m41-about__features { grid-template-columns: 1fr; }
      .m41-about__product { min-height: 180px; }
      .m41-about__product-num { margin-bottom: 30px; }
      .m41-about__wide-note { align-items: flex-start; padding: 22px; }
      .m41-about__features-wrap { padding: 28px 20px; border-radius: 22px; }
      .m41-about__services-photo, .m41-about__services-photo img { min-height: 290px; }
      .m41-about__services-content { padding: 32px 22px; border-radius: 22px; }
      .m41-about__services-list { grid-template-columns: 1fr; }
      .m41-about__principle-main, .m41-about__principle-side { padding: 30px 23px; border-radius: 22px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { transition: none !important; }
    }
	
	 :root {
      --pickup-ink: #102433;
      --pickup-navy: #073b70;
      --pickup-blue: #075b9e;
      --pickup-sky: #0786c8;
      --pickup-muted: #61717d;
      --pickup-line: #dce5ec;
      --pickup-soft: #f2f7fa;
      --pickup-white: #fff;
      --pickup-shadow: 0 22px 60px rgba(4, 58, 104, .11);
      --pickup-radius-xl: 30px;
      --pickup-radius-lg: 22px;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      color: var(--pickup-ink);
      background: #fff;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .pickup-page {
      position: relative;
      overflow: hidden;
	  border-radius: 40px;
    margin-top: 20px;
      padding: 34px 20px 88px;
      background:
        radial-gradient(circle at 5% 5%, rgba(7,134,200,.14), transparent 24%),
        radial-gradient(circle at 98% 31%, rgba(7,91,158,.10), transparent 23%),
        linear-gradient(180deg, #f7fbfd 0, #fff 650px);
    }

    .pickup-page::before {
      content: "";
      position: absolute;
      top: 640px;
      right: -165px;
      width: 290px;
      height: 290px;
      border: 42px solid rgba(7,134,200,.055);
      border-radius: 50%;
      pointer-events: none;
    }

    .pickup-container {
      position: relative;
      z-index: 1;
      width: min(1180px, 100%);
      margin: 0 auto;
    }

    .pickup-hero {
      position: relative;
      min-height: 455px;
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
      overflow: hidden;
      color: #fff;
      border-radius: var(--pickup-radius-xl);
      background:
        linear-gradient(120deg, rgba(255,255,255,.08), transparent 48%),
        linear-gradient(135deg, #062f59 0%, #074c88 58%, #0878b6 100%);
      box-shadow: var(--pickup-shadow);
    }

    .pickup-hero::after {
      content: "";
      position: absolute;
      right: -80px;
      bottom: -120px;
      width: 370px;
      height: 370px;
      border: 60px solid rgba(255,255,255,.055);
      border-radius: 50%;
      pointer-events: none;
    }

    .pickup-hero__content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 62px 58px;
    }

    .pickup-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      margin-bottom: 20px;
      color: #a9dfff;
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .pickup-eyebrow::before {
      content: "";
      width: 28px;
      height: 2px;
      background: currentColor;
    }

    .pickup-hero h1 {
      margin: 0;
      font-size: clamp(43px, 6vw, 70px);
      line-height: 1;
      letter-spacing: -.055em;
    }

    .pickup-hero__text {
      max-width: 650px;
      margin: 23px 0 0;
      color: rgba(255,255,255,.76);
      font-size: 18px;
      line-height: 1.7;
    }

    .pickup-hero__facts {
      position: relative;
      z-index: 2;
      align-self: center;
      margin: 35px 42px 35px 0;
      padding: 30px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 22px;
      background: rgba(255,255,255,.09);
      backdrop-filter: blur(12px);
    }

    .pickup-hero__fact {
      display: grid;
      grid-template-columns: 40px 1fr;
      gap: 13px;
      align-items: start;
    }

    .pickup-hero__fact + .pickup-hero__fact {
      margin-top: 21px;
      padding-top: 21px;
      border-top: 1px solid rgba(255,255,255,.12);
    }

    .pickup-hero__fact-num {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: rgba(255,255,255,.12);
      font-size: 15px;
      font-weight: 850;
    }

    .pickup-hero__fact strong {
      display: block;
      margin-bottom: 3px;
      font-size: 15px;
    }

    .pickup-hero__fact span {
      color: rgba(255,255,255,.69);
      font-size: 13px;
      line-height: 1.45;
    }

    .pickup-section { margin-top: 82px; }

    .pickup-section__head {
      display: grid;
      grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
      gap: 56px;
      align-items: end;
      margin-bottom: 32px;
    }

    .pickup-label {
      display: block;
      margin-bottom: 10px;
      color: var(--pickup-blue);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .pickup-section h2 {
      margin: 0;
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.08;
      letter-spacing: -.04em;
    }

    .pickup-section__head p {
      margin: 0;
      color: var(--pickup-muted);
      font-size: 17px;
      line-height: 1.75;
    }

    .pickup-rules {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      list-style: none;
      margin: 0;
      padding: 0;
      counter-reset: pickup-rule;
    }

    .pickup-rule {
      position: relative;
      min-height: 185px;
      padding: 28px 28px 28px 88px;
      overflow: hidden;
      border: 1px solid var(--pickup-line);
      border-radius: var(--pickup-radius-lg);
      background: #fff;
      box-shadow: 0 12px 38px rgba(4,58,104,.055);
      counter-increment: pickup-rule;
    }

    .pickup-rule::before {
      content: counter(pickup-rule, decimal-leading-zero);
      position: absolute;
      top: 28px;
      left: 25px;
      width: 45px;
      height: 45px;
      display: grid;
      place-items: center;
      color: #fff;
      border-radius: 14px;
      background: linear-gradient(145deg, var(--pickup-navy), var(--pickup-sky));
      font-size: 13px;
      font-weight: 850;
    }

    .pickup-rule::after {
      content: "";
      position: absolute;
      right: -50px;
      bottom: -50px;
      width: 120px;
      height: 120px;
      border: 23px solid rgba(7,134,200,.05);
      border-radius: 50%;
    }

    .pickup-rule h3 {
      position: relative;
      z-index: 1;
      margin: 0 0 9px;
      font-size: 19px;
      line-height: 1.3;
      letter-spacing: -.02em;
    }

    .pickup-rule p {
      position: relative;
      z-index: 1;
      margin: 0;
      color: var(--pickup-muted);
      font-size: 15px;
      line-height: 1.65;
    }

    .pickup-rule--important {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(145deg, #073766, #075b9e);
    }

    .pickup-rule--important::before {
      color: var(--pickup-navy);
      background: #a9dfff;
    }

    .pickup-rule--important::after { border-color: rgba(255,255,255,.055); }
    .pickup-rule--important p { color: rgba(255,255,255,.72); }

    .pickup-callout {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 25px;
      align-items: center;
      margin-top: 18px;
      padding: 30px 34px;
      color: #fff;
      border-radius: var(--pickup-radius-lg);
      background: var(--pickup-ink);
    }

    .pickup-callout__text span {
      display: block;
      margin-bottom: 5px;
      color: #9bdcff;
      font-size: 12px;
      font-weight: 850;
      letter-spacing: .10em;
      text-transform: uppercase;
    }

    .pickup-callout__text strong {
      display: block;
      font-size: 21px;
      line-height: 1.3;
    }

    .pickup-callout__phone {
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 24px;
      color: var(--pickup-ink);
      border-radius: 14px;
      background: #fff;
      text-decoration: none;
      white-space: nowrap;
      font-size: 17px;
      font-weight: 850;
      transition: color .2s ease, background .2s ease, transform .2s ease;
    }

    .pickup-callout__phone:hover {
      color: #fff;
      background: var(--pickup-sky);
      transform: translateY(-2px);
    }

    .pickup-location {
      display: grid;
      grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
      overflow: hidden;
      border: 1px solid var(--pickup-line);
      border-radius: var(--pickup-radius-xl);
      background: #fff;
      box-shadow: var(--pickup-shadow);
    }

    .pickup-location__info {
      padding: 42px;
    }

    .pickup-location__info h2 { margin-bottom: 27px; }

    .pickup-location__item {
      padding: 18px 0;
      border-top: 1px solid var(--pickup-line);
    }

    .pickup-location__item:first-of-type { border-top: 0; padding-top: 0; }

    .pickup-location__item span {
      display: block;
      margin-bottom: 5px;
      color: var(--pickup-blue);
      font-size: 12px;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .pickup-location__item strong {
      display: block;
      font-size: 16px;
      line-height: 1.55;
    }

    .pickup-location__actions {
      display: grid;
      gap: 10px;
      margin-top: 24px;
    }

    .pickup-location__btn {
      min-height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      border: 1px solid var(--pickup-blue);
      border-radius: 14px;
      text-decoration: none;
      text-align: center;
      font-size: 14px;
      font-weight: 800;
      transition: color .2s ease, background .2s ease, transform .2s ease;
    }

    .pickup-location__btn--primary {
      color: #fff;
      background: var(--pickup-blue);
    }

    .pickup-location__btn--secondary {
      color: var(--pickup-blue);
      background: #fff;
    }

    .pickup-location__btn:hover {
      color: #fff;
      background: var(--pickup-sky);
      border-color: var(--pickup-sky);
      transform: translateY(-2px);
    }

    .pickup-location__map {
      position: relative;
      min-height: 600px;
      background: #e6eef3;
    }

    .pickup-location__map iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      border: 0;
    }

    .pickup-callout__phone:focus-visible,
    .pickup-location__btn:focus-visible {
      outline: 3px solid rgba(7,134,200,.35);
      outline-offset: 4px;
    }

    @media (max-width: 920px) {
      .pickup-hero { grid-template-columns: 1fr; }
      .pickup-hero__facts { margin: 0 42px 42px; }
      .pickup-location { grid-template-columns: 1fr; }
      .pickup-location__map { min-height: 500px; }
    }

    @media (max-width: 720px) {
      .pickup-section__head { grid-template-columns: 1fr; gap: 18px; }
      .pickup-rules { grid-template-columns: 1fr; }
      .pickup-callout { grid-template-columns: 1fr; }
      .pickup-callout__phone { width: fit-content; }
    }

    @media (max-width: 580px) {
      .pickup-page { padding: 16px 12px 56px; }
      .pickup-hero { border-radius: 22px; }
      .pickup-hero__content { padding: 40px 24px 30px; }
      .pickup-hero h1 { font-size: 44px; }
      .pickup-hero__text { font-size: 16px; }
      .pickup-hero__facts { margin: 0 22px 24px; padding: 24px 20px; }
      .pickup-section { margin-top: 58px; }
      .pickup-rule { min-height: auto; padding: 24px 21px 24px 76px; }
      .pickup-rule::before { top: 24px; left: 20px; width: 40px; height: 40px; }
      .pickup-callout { padding: 25px 22px; }
      .pickup-callout__phone { width: 100%; }
      .pickup-location { border-radius: 22px; }
      .pickup-location__info { padding: 30px 22px; }
      .pickup-location__map { min-height: 400px; }
    }