/* ============ Fonts ============ */
/* Tenor Sans — Google Fonts (cyrillic / latin-ext / latin) */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/tenor-sans-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/tenor-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/tenor-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geometria';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/geometria-light.woff2') format('woff2'), url('fonts/geometria_light.otf') format('opentype');
}
@font-face {
  font-family: 'Geometria';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/geometria-regular.woff2') format('woff2'), url('fonts/geometria-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Geometria';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/geometria-medium.woff2') format('woff2'), url('fonts/geometria_medium.otf') format('opentype');
}

/* ============ Base ============ */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { background: #fff; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.page {
  position: relative;
  width: 1920px;
  height: 9009.6px;
  background: #fff;
  overflow: hidden;
  font-family: 'Tenor Sans', sans-serif;
}

.abs { position: absolute; }
img.abs { display: block; }

.t {
  position: absolute;
  font-family: 'Tenor Sans', sans-serif;
  font-weight: 400;
  color: #313131;
  white-space: pre-wrap;
}
.up { text-transform: uppercase; }
a.t, a.btn { color: #313131; text-decoration: none; }
.social-asterisk { display: inline-block; margin-left: 1px; color: #C35B3F; font-size: .66em; line-height: 1; vertical-align: top; }
.nav-link, .btn, [data-scroll], [data-buy], [data-link] { cursor: pointer; }
.accent { color: #C35B3F; }

/* ============ Buttons (Frame 402/403/389) ============ */
.btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  padding: 24px 16px;
  background: #C35B3F;
  border-radius: 8px;
}
.btn span {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}

/* ============ 521:582 catalog texture bg ============ */
.n582 { left: 0; top: 1810px; width: 1920px; height: 2499px; }

/* ============ hero bg — фото модели с флаконом (Figma 825:21) ============ */
.n591 {
  left: 0; top: 0; width: 1920px; height: 1043px;
  background-image: url('public/images/render/hero-woman.webp');
  background-size: cover;
  background-position: 50% 16%;
}

/* 521:592 aromas bg */
.n592 { left: 0; top: 5336px; width: 1920px; height: 1632px; }

/* 521:593 cream rectangle — опущена, чтобы показать больше модели до карусели
   (раньше top:908 перекрывал девушку → «каталог обрезал»); крем начинается под фото */
.n593 { left: -72px; top: 1043px; width: 2095px; height: 767px; background: #FAF5F1; }

/* ============ Плавающая скруглённая шапка-«пилюля» ============
   Живёт ВНЕ .page (прямой потомок body), поэтому не клипуется overflow:hidden
   и не уезжает со скроллом. zoom = clientWidth/1920 задаётся в index.html (как у .page),
   так что дизайн-px совпадают с системой координат макета.
   Flex + width:max-content → полоса равна ширине контента (не на всю ширину).
   Симметричный padding 46px → отступ от лого слева = отступ после «КОНТАКТЫ» справа. */
.topbar {
  position: fixed;
  top: 26px;
  left: 46px;
  z-index: 900;             /* ниже модалки .buy-modal (z-index:1000) */
  display: flex;
  align-items: center;
  gap: 60px;                /* лого ↔ навигация */
  height: 104px;
  padding: 0 46px;
  width: -moz-max-content;
  width: max-content;
  background: rgba(250, 245, 241, .68);
  -webkit-backdrop-filter: blur(16px) saturate(108%);
          backdrop-filter: blur(16px) saturate(108%);
  border: 1px solid rgba(49, 49, 49, .10);
  border-radius: 30px;      /* мягкое скругление (не полный «стадион») */
  box-shadow: 0 16px 42px rgba(90, 55, 30, .12);
  font-family: 'Tenor Sans', sans-serif;
}
.tb-logo { display: block; line-height: 0; }
.tb-logo img { display: block; width: 94px; height: auto; }
.tb-nav { display: flex; align-items: baseline; gap: 45px; }
.tb-link {
  font-size: 28.8px;
  line-height: 1;
  text-transform: uppercase;
  color: #313131;
  text-decoration: none;
  white-space: nowrap;
  transition: color .25s ease;
}
.tb-link:hover { color: #C35B3F; }

/* 521:607 canyon valley bg */
.n607 { left: -2px; top: 7054px; width: 1924px; height: 1374px;
  /* мягкий ввод верхней кромки, чтобы не было линии-стыка (как в макете) */
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 300px);
          mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 300px); }

/* 521:608 gradient blur */
.n608 {
  left: -42px; top: 6741px; width: 2099px; height: 409px;
  background: linear-gradient(180deg, rgba(250, 244, 241, 1) 0%, rgba(227, 222, 217, 1) 100%);
  filter: blur(90px);
}

/* 521:609 hero paragraph — 2 строки по макету (без «уход и воображение») */
.n609 { left: 49px; top: 276px; width: 1100px; font-size: 35px; line-height: 1.2; letter-spacing: 0.04em; }

/* 521:610 каталог button */
.n610 { left: 49px; top: 652px; }

/* 521:612 shore bg */
.n612 { left: -45px; top: 4309px; width: 1975px; height: 1027px; }

/* 521:613 footer texture */
.n613 { left: 0; top: 8428px; width: 1920px; height: 582px; }

/* nav (.nav-link используется в catalog.html — оставлено) */
.nav-link { font-size: 28.8px; line-height: 1; }

/* intro texts */
/* интро-тексты перемещены ПОД карусель (карусель поднята под hero);
   отступы ступенькой — точь-в-точь по макету (Image #5): 79 / 511 / 248 */
/* шрифт 38.4→30px (×0.78 по макету), интервалы шире — «менее плотно» */
/* top опущен 1960→1971: «воздух» под «В ритме города» (139.5px) выровнен с зазором ниже (129px) */
.n617 { left: 79px;  top: 1971px; width: 780px;    font-size: 30px; line-height: 1.35; letter-spacing: 0.04em; color: #000; }
.n618 { left: 511px; top: 2140px; transform: translateY(1px); width: 770px;   font-size: 30px; line-height: 1.35; letter-spacing: 0.04em; color: #000; }
.n618 .brand { color: #B23D0F; }
.n619 { left: 248px; top: 2350px; transform: translateY(1px); width: 850px;  font-size: 30px; line-height: 1.35; letter-spacing: 0.04em; color: #000; }

/* aromas section texts */
.n620 { left: 150px; top: 6124px; width: 530px;   font-size: 55px; line-height: 1; color: #C35B3F; }
.n621 { left: 150px; top: 6192px; width: 502px; font-size: 24.6px;   line-height: 1.2; letter-spacing: 0.08em; }
.n622 { left: 734px; top: 6584px; width: 440px;  font-size: 33px;   line-height: 1; text-align: center; color: #C35B3F; white-space: nowrap; }
.n623 { left: 1190px; top: 5707px; width: 456px; font-size: 21px; line-height: 1.2; letter-spacing: 0.04em; }
.n624 {
  left: 1186px; top: 6235px; width: 496px;
  font-family: 'Geometria', sans-serif; font-weight: 300;
  font-size: 24.6px; line-height: 28px; letter-spacing: 2.5px;
}
.n624 .ts4 { font-family: 'Tenor Sans', sans-serif; font-size: 33px; line-height: 39px; letter-spacing: 3.3px; color: #C35B3F; }
.n624 .ts5 { font-family: 'Tenor Sans', sans-serif; font-size: 33px; line-height: 39px; letter-spacing: 0.1em; color: #C35B3F; }
.n624 .ts6 { font-family: 'Tenor Sans', sans-serif; }
.n624 .ts7 { font-family: 'Tenor Sans', sans-serif; }


/* 521:625 mask group (bottle-shaped photo, baked from render) */
.n625 { left: 773px; top: 5660px; width: 362px; height: 888px; }

/* 521:628 dot */
.n628 { left: 1182px; top: 6265px; width: 8px; height: 8px; border-radius: 50%; background: #FFF9BC; }

/* 521:629 АРОМАТЫ */
.n629 { left: 601px; top: 5474px; width: 687px; font-size: 123px; line-height: 1; color: #C35B3F; }

/* 521:630 giant uncharted */
.n630 {
  left: 37px; top: 5219px; width: 1857px;
  white-space: nowrap;
  font-family: 'Geometria', sans-serif; font-weight: 500;
  font-size: 286.4px; line-height: 0.9016;
  color: #E38A71;
}

/* UNCHARTED — ЭТО section */
/* подзаголовки и абзацы блока уменьшены на 9% (×0.91): 60→54.6px, 35→31.85px */
.n631 { left: 128px; top: 7085px; width: 1096px; font-size: 54.6px;  line-height: 1; text-align: left; color: #C35B3F; }
/* блоки выровнены по равному межблочному отступу 150px (B1 анкер, B2/B3 подняты) */
.n632 { left: 128px; top: 7809px; width: 1278px; font-size: 54.6px;  line-height: 1; color: #C35B3F; }
.n633 { left: 128px; top: 7447px; width: 1028px; font-size: 54.6px;  line-height: 1; color: #C35B3F; }
.n634 { left: 120px; top: 6849px; width: 1292px; font-size: 109.2px; line-height: 1; text-align: left; color: #C35B3F; }
.n635 { left: 128px; top: 7182px; transform: translateY(2px); width: 1283px; font-size: 31.85px; line-height: 1.2; letter-spacing: 0.04em; }
.n636 { left: 133px; top: 7906px; transform: translateY(2px); width: 1283px; font-size: 31.85px; line-height: 1.2; letter-spacing: 0.04em; }
.n637 { left: 128px; top: 7544px; transform: translateY(2px); width: 1029px; font-size: 31.85px; line-height: 1.2; letter-spacing: 0.04em; }

/* footer */
.n638 {
  left: 128px; top: 8498px; width: 440px;
  font-family: 'Geometria', sans-serif; font-weight: 500;
  font-size: 67.8px; line-height: 0.9016;
}
.n639 { left: 1186px; top: 8622px; width: 254px; font-size: 30px; line-height: 1; }
.n640 { left: 128px;  top: 8677px; transform: translateY(2px); width: 272px; font-size: 25.6px; line-height: 1; }
.n641 { left: 1186px; top: 8762.7px; transform: translateY(1.5px);  width: 234px; font-size: 25.6px; line-height: 1; }
.n642 { left: 1186px; top: 8721.1px; transform: translateY(2px);  width: 209px; font-size: 25.6px; line-height: 1; }
.n643 { left: 1186px; top: 8679.6px; transform: translateY(1px);  width: 118px; font-size: 25.6px; line-height: 1; }
.n644 { left: 1186px; top: 8804.29px; transform: translateY(2px); width: 401px; font-size: 25.6px; line-height: 1; }
a.n640:hover, a.n641:hover, a.n642:hover, a.n643:hover, a.n644:hover { color: #C35B3F; }
.n645 { left: 192px; top: 8741.1px; width: 136px; font-size: 25.6px; line-height: 1; }
.n646 { left: 192px; top: 8805.1px; width: 123px; font-size: 25.6px; line-height: 1; }
.n647 { left: 128px; top: 8730px;   width: 48px; height: 48px; }
.n651 { left: 128px; top: 8793.9px; width: 48px; height: 48px; }
.n657 { left: 128px; top: 8622px; width: 192px; font-size: 30px; line-height: 1; }
.n658 { left: 660px; top: 8622px; width: 205px; font-size: 30px; line-height: 1; }
.n659 { left: 128px; top: 8857.9px; width: 440px; font-size: 19.2px; line-height: 1.2; }
/* порядок «ГДЕ КУПИТЬ»: Золотое яблоко, ЛЭТУАЛЬ, Ozon, Wildberries (top сверху вниз) */
.n660 { left: 660px; top: 8682px; width: 48px; height: 48px; } /* Золотое яблоко */
.n671 { left: 660px; top: 8874px; width: 48px; height: 48px; } /* Wildberries */
.n680 { left: 660px; top: 8810px; width: 48px; height: 48px; } /* Ozon */
.n684 { left: 660px; top: 8746px; width: 48px; height: 48px; } /* ЛЭТУАЛЬ */
.shop { font-family: 'Geometria', sans-serif; font-weight: 400; font-size: 25.6px; line-height: 1; }
.n667 { left: 724px; top: 8693.2px; width: 202px; } /* Золотое яблоко */
.n668 { left: 724px; top: 8821.2px; width: 66px; }  /* Ozon */
.n669 { left: 724px; top: 8757.2px; width: 120px; } /* ЛЭТУАЛЬ */
.n670 { left: 724px; top: 8885px;   width: 142px; } /* Wildberries */
/* 521:675 copyright (Ossem unavailable — set in Geometria per approval) */
.n675 { left: 1695px; top: 8885px; width: 216px; font-family: 'Geometria', sans-serif; font-weight: 400; font-size: 19.2px; line-height: 1.3; }
.n676 { left: 1663px; top: 8888px; width: 19.2px; height: 19.2px; }
.n679 { left: 1186px; top: 8885px; width: 379px; font-family: 'Geometria', sans-serif; font-weight: 400; font-size: 19.2px; line-height: 1.2; }
.n687 { left: 667px; top: 8760px; width: 37px; height: 19px; }

/* 521:690 red rock */
.n690 { left: 0; top: 5177px; width: 557px; height: 1102px; }

/* декоративный фон интро: туманные пейзажи + лайн-арт эскизы (Figma 825:20),
   за текстами «Мы создали…»/«Каждый аромат…»; растушёван сверху/снизу в крем */
.intro-bg {
  left: 0; top: 1900px; width: 1920px; height: 703px; opacity: .92;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 78%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 78%, transparent 100%);
}

/* 521:692 свойства гелей и кремов */
.n692 { left: 251px; top: 2741px; width: 1417px; font-size: 90px; line-height: 1; color: #C35B3F; }

/* ============ Карусель продуктов (горизонтальный скролл) ============
   Заменяет 4 статичные карточки-тизера. Фикс-px карточки → zoom масштабирует
   корректно и в WebKit (в отличие от grid 1fr). */
.showcase { position: absolute; left: 49px; top: 1075px; width: 1822px; height: 715px; }
.sc-track {
  display: flex;
  gap: 36px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: 26px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
.sc-track::-webkit-scrollbar { display: none; }
.sc-track.dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
.sc-card { flex: 0 0 404px; width: 404px; scroll-snap-align: start; display: flex; flex-direction: column; }
.sc-photo {
  display: block; width: 404px; height: 505px;
  border-radius: 18px; overflow: hidden; background: #F1E5DC;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* скругление при transform (Safari) */
}
.sc-photo img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 1.1s cubic-bezier(.22,1,.36,1); }
.sc-card:hover .sc-photo img { transform: scale(1.045); }
.sc-name { margin-top: 22px; font-size: 28px; line-height: 1.15; letter-spacing: .06em; text-transform: uppercase; color: #313131; }
.sc-meta { margin-top: 8px; font-family: 'Geometria', sans-serif; font-weight: 300; font-size: 20px; color: #C35B3F; letter-spacing: .03em; }
.sc-buy {
  margin-top: 18px; align-self: flex-start; min-width: 196px; height: 60px; padding: 0 30px;
  border: 0; border-radius: 8px; background: #C35B3F;
  font-family: 'Tenor Sans', sans-serif; font-size: 26px; line-height: 1;
  text-transform: uppercase; color: #fff; cursor: pointer;
  transition: background .3s, letter-spacing .3s;
}
.sc-buy:hover { background: #A94A30; letter-spacing: .03em; }
.sc-buy:focus-visible { outline: 2px solid #7c2d12; outline-offset: 2px; }
/* стрелки */
.sc-arrow {
  position: absolute; top: 252px; width: 72px; height: 72px; margin-top: -36px;
  border: 0; border-radius: 50%; background: rgba(250,245,241,.9);
  box-shadow: 0 10px 30px rgba(120,60,30,.2); cursor: pointer; padding: 0; z-index: 3;
  transition: opacity .35s, transform .3s, background .3s;
}
.sc-arrow::before {
  content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px;
  border-top: 2.5px solid #C35B3F; border-right: 2.5px solid #C35B3F;
  transform: translate(-60%, -50%) rotate(45deg);
}
.sc-arrow--prev { left: -26px; }
.sc-arrow--prev::before { transform: translate(-40%, -50%) rotate(-135deg); }
.sc-arrow--next { right: -26px; }
.sc-arrow:hover { background: #fff; transform: scale(1.06); }
.sc-arrow[hidden] { display: block; opacity: 0; pointer-events: none; }
.sc-arrow:focus-visible { outline: 2px solid #7c2d12; outline-offset: 3px; }
/* скроллбар снизу — скрыт по макету (линии-разделителя в макете нет) */
.sc-bar { display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; border-radius: 6px; background: rgba(195,91,63,.16); cursor: pointer; }
.sc-thumb { position: absolute; left: 0; top: 0; height: 100%; min-width: 40px; border-radius: 6px; background: #C35B3F; }
.sc-bar:hover .sc-thumb { background: #A94A30; }

/* 521:697 gel pump photo (baked) */
.n697 { left: 0; top: 2848px; width: 473px; height: 1553px; }
.hero-right  { left: 960px; top: 0; width: 960px; height: 772px;
  /* растушёвка обрезов: слой ездит параллаксом по фону */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 90px), linear-gradient(180deg, #000 calc(100% - 150px), transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 90px), linear-gradient(180deg, #000 calc(100% - 150px), transparent 100%);
  mask-composite: intersect; }
.hero-streak { left: 380px; top: 560px; width: 580px; height: 212px;
  -webkit-mask-image: radial-gradient(ellipse 95% 90% at 50% 50%, #000 45%, transparent 97%);
  mask-image: radial-gradient(ellipse 95% 90% at 50% 50%, #000 45%, transparent 97%); }
.hero-fade   { left: 0; top: 880px; width: 1920px; height: 163px;
  background: linear-gradient(180deg, rgba(250,245,241,0) 0%, rgba(250,245,241,.55) 55%, #FAF5F1 100%); }
.geldiag   { left: 850px; top: 2960px; width: 667px; height: 510px; }
.creamdiag { left: 850px; top: 3520px; width: 667px; height: 615px; }

/* 521:698 gradient blur */
.n698 {
  left: -107px; top: 4114px; width: 2099px; height: 554px;
  background: linear-gradient(180deg, rgba(250, 244, 241, 1) 0%, rgba(253, 241, 228, 1) 100%);
  filter: blur(90px);
}

/* gel/cream diagram labels — привязаны к запечённым точкам-выноскам.
   Левые подписи якорятся по ПРАВОМУ краю (right:1073px → x=847), правые — по
   ЛЕВОМУ (left:1518/1520). Переносы строк заданы <br> точь-в-точь по макету;
   top рассчитан так, чтобы блок центрировался по своей точке. */
.lbl  { font-size: 35.2px; line-height: 1; }
.geo  { font-family: 'Geometria', sans-serif; font-weight: 400; margin-top: -2px; }
/* КРЕМ (белый мазок) — лево (3) */
.n705 { right: 1073px; top: 3025px; text-align: right; } /* Стойкий аромат */
.n706 { right: 1073px; top: 3202px; text-align: right; } /* Питает, увлажняет */
.n700 { right: 1073px; top: 3309px; text-align: right; } /* Содержит масла ши (4 стр) */
/* КРЕМ — право (3) */
.n730 { left: 1518px; top: 2976px; } /* Витамин Е (3 стр) */
.n703 { left: 1518px; top: 3139px; } /* Быстро впитывается (3 стр) */
.n699 { left: 1518px; top: 3328px; letter-spacing: -0.01em; } /* Устраняет сухость (2 стр) */
/* ГЕЛЬ (капля) — лево (3) */
.n721 { right: 1073px; top: 3769px; text-align: right; } /* Большой объём (1 стр) */
.n722 { right: 1073px; top: 3911px; text-align: right; } /* Насыщенный (3 стр) */
.n723 { right: 1073px; top: 4052px; text-align: right; } /* Не сушит кожу (1 стр) */
/* ГЕЛЬ — право (3) */
.n728 { left: 1520px; top: 3623px; } /* Содержит сок алоэ вера (4 стр) */
.n727 { left: 1520px; top: 3828px; } /* хорошо пенится (2 стр) */
.n724 { left: 1520px; top: 3981px; } /* для мужчин и женщин (2 стр) */
/* «гель для душа» поднят: равный отступ от капли, как у «крем для рук и тела» (≈72px) */
.n725 { left: 981px;  top: 4100px; width: 406px; font-size: 44.8px; line-height: 1; }
.n726 { left: 911px;  top: 3471px; width: 556px; font-size: 44.8px; line-height: 1; }

/* 521:729 цитата над берегом — по макету: левый флаг + вторая фраза со сдвигом
   вправо-вниз; шрифт 75→51px (×0.68), выключка влево */
.n729a {
  left: 94px; top: 4480px; width: 920px;
  font-size: 50px; line-height: 1.06; letter-spacing: 0;
  text-align: left; color: #C35B3F;
}
.n729b {
  left: 390px; top: 4674px; width: 1260px;
  font-size: 50px; line-height: 1.06; letter-spacing: 0;
  text-align: left; color: #C35B3F; white-space: nowrap;
}

/* 521:731 planet */
.n731 { left: 1372px; top: 3761px; width: 548px; height: 1249px; }

/* струя геля: канвас-течение поверх запечённой помпы */
.pump-stage .pump-fallback, .pump-stage .pump-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ===E3START=== props resize: font x0.82 cream x0.9 gel x0.78 */
.geldiag { left: 883.5px; top: 2985.5px; width: 600px; height: 459px; }
.creamdiag { left: 923.5px; top: 3587.5px; width: 520px; height: 480px; }
.lbl { font-size: 28.9px; line-height: 1.0; }
.n705 { right: 1039.3px; top: 3046.8px; }
.n706 { right: 1039.3px; top: 3206.1px; }
.n700 { right: 1039.3px; top: 3305.2px; }
.n730 { left: 1484.5px; top: 3004.1px; }
.n703 { left: 1484.5px; top: 3150.8px; }
.n699 { left: 1484.5px; top: 3319.5px; }
.n721 { right: 999.0px; top: 3781.1px; }
.n722 { right: 999.0px; top: 3890.5px; }
.n723 { right: 999.0px; top: 4001.9px; }
.n728 { left: 1444.4px; top: 3665.1px; }
.n727 { left: 1444.4px; top: 3826.4px; }
.n724 { left: 1444.4px; top: 3945.8px; }
/* ===E3END=== */