/* ==========================================================================
   ỚT. Beauty — trang công cụ: Shade Finder, thử son ảo, bộ 3 tự chọn, Ớt Club,
   lookbook, câu chuyện, liên hệ. Chỉ nạp ở các trang này.
   ========================================================================== */
.ot-tool { padding-block: var(--ot-sp-6) var(--ot-sp-7); }
.ot-tool__content { padding-bottom: var(--ot-section); }
.ot-pagehero--tool .ot-pagehero__title { max-width: 24ch; }

/* ---------- Shade Finder ---------- */
.ot-finder { display: grid; gap: var(--ot-sp-6); }
.ot-finder__progress { display: none; }
.js .ot-finder__progress { display: flex; gap: 8px; list-style: none; counter-reset: fp; }
.ot-finder__progress li { counter-increment: fp; flex: 1; display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: var(--ot-fs-xs); text-transform: uppercase; padding: 8px 10px; border: 2px solid var(--ot-grey-300); border-radius: 99px; background: var(--ot-white); color: var(--ot-grey-600); }
.ot-finder__progress li::before { content: counter(fp); width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--ot-ink); color: var(--ot-lime); flex: none; }
.ot-finder__progress li.is-on { background: var(--ot-lime); color: var(--ot-ink); border-color: var(--ot-ink); }
.ot-finder__progress li.is-done { color: var(--ot-ink); border-color: var(--ot-ink); }
.ot-finder__step { border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-5); margin: 0; background: var(--ot-paper); box-shadow: var(--ot-shadow); min-width: 0; }
.js .ot-finder.is-wizard .ot-finder__step:not(.is-current) { display: none; }
.ot-finder__legend { font-family: var(--ot-font-display); font-weight: 800; font-size: clamp(1.15rem, 2.6vw, 1.6rem); display: flex; gap: 12px; align-items: center; padding: 0; margin-bottom: 8px; }
.ot-finder__n { width: 40px; height: 40px; flex: none; border-radius: 50%; background: var(--ot-red); color: var(--ot-white); display: grid; place-items: center; border: 2px solid var(--ot-ink); }
.ot-finder__hint { color: var(--ot-muted); font-size: var(--ot-fs-sm); }
.ot-finder__nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: var(--ot-sp-5); }
.ot-finder__nav .ot-btn:only-child { margin-left: auto; }
html:not(.js) .ot-finder__nav [data-ot-next], html:not(.js) .ot-finder__nav [data-ot-prev] { display: none; }
.ot-finder__tip { display: flex; gap: 10px; align-items: flex-start; background: var(--ot-lime); border: 2px solid var(--ot-ink); border-radius: var(--ot-r-md); padding: 10px 14px; margin: var(--ot-sp-4) 0 0; font-size: var(--ot-fs-sm); }
.ot-finder__tip .ot-ico { flex: none; }
.ot-finder__err { color: var(--ot-error); font-weight: 800; margin: 12px 0 0; }
/* Ô chọn dạng thẻ (radio ẩn, label là thẻ) */
.ot-tonecards, .ot-optcards { display: grid; gap: 12px; list-style: none; margin-top: var(--ot-sp-4); }
.ot-tonecards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 700px) { .ot-tonecards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .ot-tonecards { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ot-optcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .ot-optcards { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ot-optcards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ot-tonecards li, .ot-optcards li { position: relative; }
.ot-tonecards input, .ot-optcards input, .ot-tryon input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ot-tonecard, .ot-optcard { display: grid; gap: 4px; height: 100%; padding: 8px 8px 12px; border: var(--ot-border); border-radius: var(--ot-r-md); background: var(--ot-white); cursor: pointer; transition: transform var(--ot-dur-fast) var(--ot-ease), box-shadow var(--ot-dur-fast) var(--ot-ease); }
.ot-tonecard img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; border: 2px solid var(--ot-ink); }
.ot-tonecard__name, .ot-optcard__title { font-weight: 800; }
.ot-tonecard__desc, .ot-optcard__desc { font-size: var(--ot-fs-xs); color: var(--ot-muted); line-height: 1.35; }
.ot-optcard { padding: 14px; align-content: start; min-height: 96px; }
.ot-optcard--big { justify-items: start; }
.ot-optcard--big .ot-ico { width: 32px; height: 32px; color: var(--ot-red); }
.ot-optcard--am { border-left: 8px solid #E8A33D; }
.ot-optcard--lanh { border-left: 8px solid #6F7BD9; }
.ot-optcard--trung-tinh { border-left: 8px solid #B79C8C; }
.ot-tonecard:hover, .ot-optcard:hover { transform: translate(-2px, -2px); box-shadow: var(--ot-shadow-sm); }
input:checked + .ot-tonecard, input:checked + .ot-optcard { background: var(--ot-lime); box-shadow: var(--ot-shadow); transform: translate(-2px, -2px); }
input:checked + .ot-tonecard::after, input:checked + .ot-optcard::after { content: "✓"; position: absolute; top: -10px; right: -8px; width: 32px; height: 32px; border-radius: 50%; background: var(--ot-red); color: #fff; border: 2px solid var(--ot-ink); display: grid; place-items: center; font-weight: 900; }
input:focus-visible + .ot-tonecard, input:focus-visible + .ot-optcard { outline: 3px solid var(--ot-ink); outline-offset: 3px; }
/* Kết quả */
.ot-finder__result { margin-top: var(--ot-sp-7); outline: none; }
.ot-finder__result.is-loading { opacity: .5; }
.ot-finder__sum { font-weight: 600; }
.ot-recs { display: grid; gap: var(--ot-sp-5); list-style: none; margin: var(--ot-sp-5) 0; }
@media (min-width: 900px) { .ot-recs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ot-rec { position: relative; background: var(--ot-paper); border: var(--ot-border); border-radius: var(--ot-r-lg); overflow: hidden; box-shadow: 6px 6px 0 var(--sw); display: flex; flex-direction: column; }
.ot-rec:nth-child(2) { transform: rotate(.8deg); }
.ot-rec__rank { position: absolute; top: 10px; left: 10px; z-index: 1; font-family: var(--ot-font-display); font-weight: 900; background: var(--ot-ink); color: var(--ot-lime); border-radius: 99px; padding: 4px 12px; }
.ot-rec__img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-bottom: var(--ot-border); }
.ot-rec__body { padding: 14px 16px 16px; display: grid; gap: 6px; flex: 1; align-content: start; }
.ot-rec__line { margin: 0; font-size: var(--ot-fs-xs); font-weight: 700; text-transform: uppercase; color: var(--ot-muted); }
.ot-rec__name { font-size: 1.5rem; text-transform: uppercase; margin: 0; }
.ot-rec__name a { display: inline-flex; gap: 8px; align-items: center; text-decoration: none; }
.ot-rec__name .ot-swatch-dot { width: 22px; height: 22px; }
.ot-rec__why { list-style: none; display: grid; gap: 4px; font-size: var(--ot-fs-sm); }
.ot-rec__why li { display: flex; gap: 6px; align-items: flex-start; }
.ot-rec__why .ot-ico { width: 18px; height: 18px; flex: none; color: var(--ot-success); margin-top: 2px; }
.ot-rec__price { margin: 0; }
.ot-rec__cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.ot-finder__bundle { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; background: var(--ot-pink); border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-4) var(--ot-sp-5); }
.ot-finder__bundle p { margin: 0; flex: 1 1 260px; }

/* ---------- Thử son ảo ---------- */
.ot-tryon { display: grid; gap: var(--ot-sp-6); }
@media (min-width: 960px) { .ot-tryon { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; } .ot-tryon__stage { position: sticky; top: calc(var(--ot-header-h) + 16px); } }
.ot-tryon__fig { position: relative; width: 100%; border: var(--ot-border); border-radius: var(--ot-r-xl); overflow: hidden; box-shadow: var(--ot-shadow-lg); background: var(--ot-pink); }
.ot-tryon__base, .ot-tryon__canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ot-tryon__canvas { clip-path: inset(0 0 0 var(--split, 0%)); }
.ot-tryon__split { position: absolute; top: 0; bottom: 0; left: var(--split, 0%); width: 3px; background: var(--ot-white); box-shadow: 0 0 0 2px var(--ot-ink); display: none; }
.ot-tryon.is-compare .ot-tryon__split { display: block; }
.ot-tryon__tag { position: absolute; top: 12px; font-family: var(--ot-font-display); font-weight: 800; font-size: .72rem; text-transform: uppercase; background: var(--ot-white); border: 2px solid var(--ot-ink); border-radius: 99px; padding: 3px 10px; display: none; }
.ot-tryon__tag--l { left: 12px; } .ot-tryon__tag--r { right: 12px; }
.ot-tryon.is-compare .ot-tryon__tag { display: block; }
.ot-tryon__sticker { position: absolute; bottom: 14px; left: 12px; }
.ot-tryon__controls { display: grid; gap: 4px; margin-top: var(--ot-sp-4); }
@media (min-width: 600px) { .ot-tryon__controls { grid-template-columns: 1fr 1fr; gap: 16px; } }
.ot-tryon__panel { display: grid; gap: var(--ot-sp-5); }
.ot-tryon__models, .ot-tryon__shades { border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-4); margin: 0; background: var(--ot-paper); min-width: 0; }
.ot-tryon__models legend, .ot-tryon__shades legend { padding: 0 6px; }
.ot-tryon__models ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ot-tryon__models li, .ot-tryon__shades li { position: relative; }
.ot-tryon__models label { display: grid; gap: 4px; justify-items: center; font-size: var(--ot-fs-xs); font-weight: 700; cursor: pointer; text-align: center; }
.ot-tryon__models img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 14px; border: 2px solid var(--ot-ink); }
.ot-tryon__models input:checked + label img { outline: 3px solid var(--ot-red); outline-offset: 2px; }
.ot-tryon__models input:focus-visible + label img, .ot-tryon__shades input:focus-visible + label .ot-swatch { outline: 3px solid var(--ot-ink); outline-offset: 3px; }
.ot-tryon__line { margin: 12px 0 6px; font-weight: 800; font-size: var(--ot-fs-sm); }
.ot-tryon__line:first-of-type { margin-top: 0; }
.ot-tryon__shades ul { display: flex; flex-wrap: wrap; gap: 4px; }
.ot-tryon__shades label { display: grid; place-items: center; width: var(--ot-tap); height: var(--ot-tap); cursor: pointer; }
.ot-tryon__shades .ot-swatch { width: 38px; height: 38px; }
.ot-tryon__shades input:checked + label .ot-swatch { outline: 3px solid var(--ot-ink); outline-offset: 3px; }
.ot-tryon__pick { background: var(--ot-lime); border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-4); box-shadow: var(--ot-shadow); --sw: var(--ot-red); }
.ot-tryon__pickname { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 1.2rem; margin-bottom: 6px; }
.ot-tryon__pickname .ot-swatch-dot { width: 24px; height: 24px; }
.ot-tryon__pickrow { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; }

/* ---------- Bộ 3 tự chọn ---------- */
.ot-builder { display: grid; gap: var(--ot-sp-6); }
@media (min-width: 1000px) { .ot-builder { grid-template-columns: minmax(0, 1fr) 400px; align-items: start; } .ot-builder__box { position: sticky; top: calc(var(--ot-header-h) + 16px); } }
.ot-builder__count { display: inline-block; background: var(--ot-ink); color: var(--ot-lime); border-radius: 99px; padding: 8px 16px; font-weight: 800; margin-bottom: var(--ot-sp-4); }
.ot-builder__group { margin-bottom: var(--ot-sp-5); }
.ot-builder__group small { font-family: var(--ot-font-body); font-weight: 600; color: var(--ot-muted); }
.ot-builder__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.ot-bshade { width: 100%; display: grid; justify-items: center; gap: 6px; padding: 10px 4px; border: 2px solid var(--ot-ink); border-radius: var(--ot-r-md); background: var(--ot-white); font-size: .75rem; font-weight: 700; }
.ot-bshade__chip { width: 46px; height: 46px; border-radius: 50%; background: var(--sw); border: var(--ot-border); box-shadow: 2px 2px 0 var(--ot-ink); }
.ot-bshade[aria-pressed="true"] { background: var(--ot-lime); box-shadow: var(--ot-shadow); transform: translate(-2px, -2px); }
.ot-bshade[aria-pressed="true"] .ot-bshade__chip { outline: 3px solid var(--ot-ink); outline-offset: 3px; }
.ot-bshade.is-out { opacity: .4; cursor: not-allowed; }
.ot-builder.is-full .ot-bshade[aria-pressed="false"]:not(.is-out) { border-style: dashed; background: var(--ot-grey-100); }
.ot-builder__box { background: var(--ot-paper); border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-5); box-shadow: var(--ot-shadow-lg); display: grid; gap: 14px; }
.ot-giftbox__svg { width: 100%; height: auto; }
.ot-giftbox__tube { transition: opacity var(--ot-dur) var(--ot-ease), transform var(--ot-dur-slow) var(--ot-ease-bounce); transform-box: fill-box; transform-origin: center bottom; }
.ot-giftbox__slot.is-filled .ot-giftbox__tube { opacity: 1; }
.ot-giftbox__slot.is-filled .ot-giftbox__empty { opacity: 0; }
@media (prefers-reduced-motion: no-preference) { .ot-giftbox__slot.is-filled .ot-giftbox__tube { animation: ot-drop .45s var(--ot-ease-bounce); } }
@keyframes ot-drop { from { transform: translateY(-30px); } to { transform: none; } }
.ot-builder__sel { list-style: none; display: grid; gap: 6px; counter-reset: bs; }
.ot-builder__sel li { counter-increment: bs; display: flex; align-items: center; gap: 8px; min-height: var(--ot-tap); padding: 4px 6px 4px 12px; border: 2px solid var(--ot-ink); border-radius: 12px; background: var(--ot-white); font-weight: 700; font-size: var(--ot-fs-sm); }
.ot-builder__sel li.is-empty { border-style: dashed; color: var(--ot-muted); font-weight: 600; }
.ot-builder__sel li button { margin-left: auto; }
.ot-builder__sum { display: grid; gap: 6px; }
.ot-builder__sum > div { display: flex; justify-content: space-between; gap: 12px; }
.ot-builder__sum .is-discount dd { color: var(--ot-success); font-weight: 800; }
.ot-builder__total { border-top: 2px solid var(--ot-ink); padding-top: 8px; font-family: var(--ot-font-display); font-weight: 900; font-size: 1.3rem; }
.ot-builder__hint { margin: 0; font-size: var(--ot-fs-xs); color: var(--ot-muted); text-align: center; }

/* ---------- Ớt Club ---------- */
.ot-clubhero__grid { display: grid; gap: var(--ot-sp-6); align-items: center; }
@media (min-width: 900px) { .ot-clubhero__grid { grid-template-columns: 1.3fr 1fr; } }
.ot-clubhero .ot-clubcard { border-color: var(--ot-cream); transform: rotate(2deg); }
.ot-clubcard--demo { opacity: .95; }
.ot-earn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; }
@media (min-width: 1000px) { .ot-earn { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ot-sp-5); } }
.ot-earn__item { border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-4); box-shadow: var(--ot-shadow); background: var(--ot-cream); }
.ot-earn__item--red { background: var(--ot-red); color: var(--ot-white); }
.ot-earn__item--pink { background: var(--ot-pink); }
.ot-earn__item--lime { background: var(--ot-lime); }
.ot-earn__pts { font-family: var(--ot-font-display); font-weight: 900; font-size: clamp(1.6rem, 4vw, 2.4rem); margin: 0 0 6px; }
.ot-earn__item h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 4px; }
.ot-earn__item p:last-child { margin: 0; font-size: var(--ot-fs-sm); }
.ot-calc { display: grid; gap: var(--ot-sp-5); align-items: center; }
@media (min-width: 900px) { .ot-calc { grid-template-columns: 1.4fr 1fr; } }
.ot-calc__amt { font-size: 1.2rem; }
.ot-calc__out { background: var(--ot-ink); color: var(--ot-cream); border-radius: var(--ot-r-lg); padding: var(--ot-sp-5); box-shadow: 6px 6px 0 var(--ot-red); }
.ot-calc__big { font-family: var(--ot-font-display); font-weight: 900; font-size: 3.4rem; color: var(--ot-lime); }
.ot-tiers { display: grid; gap: var(--ot-sp-5); list-style: none; }
@media (min-width: 900px) { .ot-tiers { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ot-tier { border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-5); box-shadow: var(--ot-shadow); background: var(--ot-white); }
.ot-tier--xanh { border-top: 12px solid #2F9E44; }
.ot-tier--vang { border-top: 12px solid var(--ot-lime); transform: rotate(-1deg); }
.ot-tier--do { border-top: 12px solid var(--ot-red); background: var(--ot-ink); color: var(--ot-cream); }
.ot-tier__name { display: flex; gap: 8px; align-items: center; text-transform: uppercase; font-size: 1.4rem; }
.ot-tier__min { font-weight: 700; }
.ot-tier ul { list-style: none; display: grid; gap: 6px; }
.ot-tier li { display: flex; gap: 8px; align-items: flex-start; }
.ot-tier li .ot-ico { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--ot-red); }

/* ---------- Lookbook ---------- */
.ot-lookfilter { margin-top: var(--ot-sp-5); }
.ot-pagehero--ink .ot-chip { border-color: var(--ot-cream); }
.ot-ugcgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; }
@media (min-width: 768px) { .ot-ugcgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ot-sp-5); } }
@media (min-width: 1200px) { .ot-ugcgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ot-ugcgrid > li { display: flex; }
.ot-ugcgrid .ot-ugc { box-shadow: var(--ot-shadow); }
.ot-ugcgrid .ot-ugc__cap { font-size: .95rem; }
@media (max-width: 599px) { .ot-ugcgrid .ot-ugc__shop { flex-direction: column; align-items: stretch; } .ot-ugcgrid .ot-ugc__play { width: 56px; height: 56px; } }
.ot-ugc-cta { margin: var(--ot-sp-7) 0; text-align: center; background: var(--ot-lime); border: var(--ot-border); border-radius: var(--ot-r-xl); padding: var(--ot-sp-6) var(--ot-sp-5); box-shadow: var(--ot-shadow-lg); display: grid; gap: 12px; justify-items: center; }
.ot-ugc-cta__big { font-family: var(--ot-font-display); font-weight: 900; font-size: var(--ot-fs-h2); text-transform: uppercase; margin: 0; }

/* ---------- Câu chuyện ---------- */
.ot-storyhero { padding: var(--ot-sp-5) 0 var(--ot-sp-7); }
.ot-storyhero__title { font-size: var(--ot-fs-mega); font-weight: 900; text-transform: uppercase; line-height: .92; max-width: 16ch; }
.ot-storyhero__media { position: relative; margin-top: var(--ot-sp-6); }
.ot-storyhero__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: var(--ot-border); border-radius: var(--ot-r-xl); box-shadow: var(--ot-shadow-lg); }
.ot-storyhero__s1 { position: absolute; top: -16px; left: 16px; font-size: 1.1rem; }
.ot-storyhero__s2 { position: absolute; bottom: 18px; right: 12px; font-size: 1.1rem; --ot-tilt: 6deg; }
.ot-timeline { list-style: none; display: grid; gap: 14px; margin-top: var(--ot-sp-5); border-left: 4px solid var(--ot-ink); padding-left: 22px; }
.ot-timeline li { position: relative; background: var(--ot-white); border: var(--ot-border); border-radius: var(--ot-r-md); padding: 12px 16px; }
.ot-timeline li::before { content: ""; position: absolute; left: -35px; top: 16px; width: 22px; height: 22px; border-radius: 50%; background: var(--ot-red); border: 3px solid var(--ot-ink); }
.ot-timeline b { font-family: var(--ot-font-display); font-size: 1.4rem; }
.ot-timeline p { margin: 4px 0 0; }
.ot-team { display: grid; gap: var(--ot-sp-5); list-style: none; }
@media (min-width: 700px) { .ot-team { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ot-team { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ot-team__item { background: var(--ot-paper); border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-4); box-shadow: var(--ot-shadow); }
.ot-team__img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: var(--ot-border); margin-bottom: 10px; }
.ot-team__name { font-size: 1.2rem; text-transform: uppercase; margin: 0; }
.ot-team__name a { text-decoration: none; }
.ot-team__name a:hover { text-decoration: underline; }
.ot-team__job { color: var(--ot-red-ink); font-weight: 700; margin-bottom: 6px; }

/* ---------- Liên hệ ---------- */
.ot-contact { display: grid; gap: var(--ot-sp-6); padding-block: var(--ot-sp-7) var(--ot-section); }
@media (min-width: 960px) { .ot-contact { grid-template-columns: 1fr 1.2fr; gap: var(--ot-sp-8); } }
.ot-contact__list { display: grid; gap: 10px; margin-bottom: var(--ot-sp-5); }
.ot-contact__list > div { background: var(--ot-white); border: 2px solid var(--ot-ink); border-radius: var(--ot-r-md); padding: 10px 14px; }
.ot-contact__list dt { display: flex; gap: 6px; align-items: center; font-weight: 800; font-size: var(--ot-fs-sm); }
.ot-contact__list dt .ot-ico { width: 18px; height: 18px; color: var(--ot-red); }
.ot-contact__list a { font-weight: 700; display: inline-block; min-height: 32px; padding-top: 4px; }
.ot-contact__form { background: var(--ot-paper); border: var(--ot-border); border-radius: var(--ot-r-lg); padding: var(--ot-sp-5); box-shadow: var(--ot-shadow-lg); }
.ot-contact__form .ot-btn { justify-self: start; }
.ot-socials--dark .ot-iconbtn--outline { box-shadow: 2px 2px 0 var(--ot-ink); }