/* ==========================================================================
   Mẫu 03 – "Heritage": di sản Đông Dương.
   Giấy kem + đỏ sơn mài (#8f2d1f) + xanh ngọc bích (#1e5b4f) + vàng đồng.
   Tiêu đề Prata (chỉ có 1 độ đậm → tắt in đậm giả), khung vòm, hoạ tiết sen.
   ========================================================================== */

:root {
  --dl-ink: #2a1d17;
  --dl-ink-2: #3a2a22;
  --dl-ink-3: #4a372c;
  --dl-gold: #b8893b;          /* vàng đồng – nút phụ (chữ nâu đậm) */
  --dl-gold-hover: #c99a4c;
  --dl-gold-deep: #8f2d1f;     /* đỏ sơn mài – chữ nhấn trên nền sáng */
  --dl-gold-soft: #e9cf9a;
  --dl-ivory: #f7f0e3;
  --dl-sand: #efe4d0;
  --dl-text: #3a2c24;
  --dl-muted: #6e5d50;
  --dl-line: #e0d2bb;
  --dl-serif: "Prata", "Noto Serif Display", Georgia, serif;
  --dl-radius: 6px;
  --dl-radius-sm: 4px;
  --dl-shadow: 0 26px 50px -30px rgba(42, 29, 23, .45);
  --dl-shadow-sm: 0 12px 28px -18px rgba(42, 29, 23, .4);
  --dl-red: #8f2d1f;
  --dl-jade: #1e5b4f;
  --dl-jade-2: #174a40;
  --dl-lattice: radial-gradient(rgba(184, 137, 59, .16) 1px, transparent 1.2px) 0 0 / 22px 22px;
}

body.dl-site { background: var(--dl-ivory); font-synthesis-weight: none; }
.dl-site h1, .dl-site h2, .dl-site h3,
.dl-site .dl-title, .dl-site .dl-dest__name, .dl-site .dl-tour__title, .dl-site .dl-post__title,
.dl-logo__text strong, .dl-stats strong, .dl-tour__price strong, .dl-pricebox__price strong { font-weight: 400 !important; }
.dl-site .dl-title { letter-spacing: 0; line-height: 1.15; }
.dl-site .dl-title em, .dl-site .dl-offer__title em, .dl-site .dl-footer__title em, .dl-site .dl-phero__title em, .dl-site .dl-hh__title em { font-style: normal; color: var(--dl-red); }
.dl-site .dl-title--light em, .dl-site .dl-footer__title em, .dl-site .dl-offer__title em, .dl-site .dl-phero__title em, .dl-site .dl-hh__title em { color: var(--dl-gold-soft); }

/* Tiêu đề phụ: hình thoi + gạch */
.dl-site .dl-eyebrow { color: var(--dl-red); letter-spacing: .3em; }
.dl-site .dl-eyebrow::before { width: 8px; height: 8px; background: var(--dl-gold); transform: rotate(45deg); }
.dl-site .dl-eyebrow::after { content: ""; width: 36px; height: 1px; background: var(--dl-gold); }
.dl-site .dl-eyebrow--light { color: var(--dl-gold-soft); }
.dl-head--center .dl-eyebrow::before { width: 8px; height: 8px; transform: rotate(45deg); }

/* Nút: góc vuông mềm, đỏ sơn mài */
.dl-site .dl-btn { border-radius: 2px; letter-spacing: .2em; }
.dl-site .dl-btn--dark { background: var(--dl-red); color: #fff; }
.dl-site .dl-btn--dark:hover { background: var(--dl-jade); color: #fff; }
.dl-site .dl-btn--gold { background: var(--dl-gold); color: #1f140f; }
.dl-site .dl-btn--gold:hover { background: var(--dl-gold-hover); color: #1f140f; }
.dl-site .dl-btn--line { border-color: var(--dl-red); color: var(--dl-red); }
.dl-site .dl-btn--line:hover { background: var(--dl-red); color: #fff; }
.dl-site .dl-link { color: var(--dl-red); border-bottom-color: var(--dl-gold); }
.dl-round { border-radius: 2px; }

/* ---------- Header: logo giữa, menu dưới ---------- */
.dl-topbar { background: var(--dl-jade); color: rgba(255, 255, 255, .85); border: 0; }
.dl-topbar__note .dl-ico, .dl-topbar__list .dl-ico { color: var(--dl-gold-soft); }
.dl-header--solid, .dl-header.is-scrolled { background: var(--dl-ivory); color: var(--dl-ink); box-shadow: 0 1px 0 var(--dl-line), 0 3px 0 -1px var(--dl-ivory), 0 4px 0 -1px var(--dl-gold); }
.dl-header--solid .dl-logo, .dl-header.is-scrolled .dl-logo { color: var(--dl-ink); }
.dl-logo__mark { border-radius: 2px; transform: rotate(45deg); width: 38px; height: 38px; border-color: var(--dl-gold); font-style: normal; }
.dl-logo__mark { font-size: 0; position: relative; }
.dl-logo__mark::after { content: ""; width: 12px; height: 12px; background: var(--dl-gold); }
.dl-logo__text strong { font-size: 1.7rem; letter-spacing: .08em; }
.dl-logo__text small { letter-spacing: .6em; color: var(--dl-red); }
.dl-header--overlay:not(.is-scrolled) .dl-logo__text small, .dl-footer .dl-logo__text small { color: var(--dl-gold-soft); }
.dl-header--solid .dl-menu a, .dl-header.is-scrolled .dl-menu a { color: var(--dl-ink); }
.dl-header--solid .dl-menu > li > a:hover, .dl-header.is-scrolled .dl-menu > li > a:hover { color: var(--dl-red); }
.dl-menu a { text-transform: uppercase; font-size: .76rem; letter-spacing: .18em; font-weight: 600; }
.dl-menu > li > a::after { background: var(--dl-red); }
.dl-menu .sub-menu { background: var(--dl-ivory); border: 1px solid var(--dl-line); border-radius: 2px; }
.dl-menu .sub-menu a { color: var(--dl-ink); text-transform: none; letter-spacing: .02em; font-size: .88rem; }
.dl-menu .sub-menu a:hover { color: var(--dl-red); }
.dl-header--solid .dl-bar__phone, .dl-header.is-scrolled .dl-bar__phone { color: var(--dl-ink); }
.dl-header--solid .dl-bar__phone small, .dl-header.is-scrolled .dl-bar__phone small { color: var(--dl-muted); }
.dl-header--solid .dl-bar__phone-ico, .dl-header.is-scrolled .dl-bar__phone-ico,
.dl-header--solid .dl-iconbtn, .dl-header.is-scrolled .dl-iconbtn,
.dl-header--solid .dl-burger, .dl-header.is-scrolled .dl-burger { border-color: var(--dl-line); color: var(--dl-red); }
.dl-bar__phone-ico, .dl-iconbtn, .dl-burger { border-radius: 2px; }

@media (min-width: 1181px) {
  .dl-bar__inner { position: relative; flex-wrap: wrap; justify-content: center; height: auto; padding-top: 18px; gap: 0; }
  .dl-header.is-scrolled .dl-bar__inner { height: auto; padding-top: 10px; }
  .dl-bar__inner > .dl-logo { width: auto; }
  .dl-nav { width: 100%; margin: 14px 0 0; border-top: 1px solid rgba(255, 255, 255, .22); }
  .dl-header--solid .dl-nav, .dl-header.is-scrolled .dl-nav { border-top-color: var(--dl-line); }
  .dl-menu { justify-content: center; gap: 44px; }
  .dl-menu > li > a { padding: 16px 0; }
  .dl-header.is-scrolled .dl-menu > li > a { padding: 12px 0; }
  /* Nút tìm kiếm + hotline bên trái, nút đặt tour bên phải hàng logo. */
  .dl-bar__actions { display: contents; }
  .dl-bar__actions > .dl-iconbtn,
  .dl-site .dl-bar__actions > .dl-bar__phone,
  .dl-site .dl-bar__actions > .dl-bar__cta { position: absolute; top: 20px; transition: top .4s var(--dl-ease); }
  .dl-bar__actions > .dl-iconbtn { left: clamp(16px, 4vw, 40px); }
  .dl-site .dl-bar__actions > .dl-bar__phone { left: calc(clamp(16px, 4vw, 40px) + 58px); }
  .dl-site .dl-bar__actions > .dl-bar__cta { right: clamp(16px, 4vw, 40px); }
  .dl-header.is-scrolled .dl-bar__actions > .dl-iconbtn,
  .dl-site .dl-header.is-scrolled .dl-bar__actions > .dl-bar__phone,
  .dl-site .dl-header.is-scrolled .dl-bar__actions > .dl-bar__cta { top: 8px; }
  .dl-header.is-scrolled .dl-logo__text strong { font-size: 1.45rem; }
}

.dl-offcanvas { background: var(--dl-ivory); color: var(--dl-ink); }
.dl-offcanvas .dl-logo { color: var(--dl-ink); }
.dl-offcanvas__close { color: var(--dl-ink); border-color: var(--dl-line); border-radius: 2px; }
.dl-offcanvas__nav li { border-color: var(--dl-line); }
.dl-site .dl-offcanvas__nav a { color: var(--dl-ink); }
.dl-site .dl-offcanvas__nav a:hover { color: var(--dl-red); }
.dl-site .dl-offcanvas__nav .sub-menu a { color: var(--dl-muted); }
.dl-offcanvas .vs-oc-caret { color: var(--dl-red); }
.dl-offcanvas .dl-btn--ghost { border-color: var(--dl-red); color: var(--dl-red); }
.dl-offcanvas__mail { color: var(--dl-muted); }

/* ---------- Hero di sản ---------- */
.dl-hh { position: relative; padding: 230px 0 0; color: #fff; text-align: center; isolation: isolate; background: var(--dl-ink); }
.dl-hh__bg { position: absolute; inset: 0 0 150px; z-index: -1; overflow: hidden; }
.dl-hh__bg img { width: 100%; height: 100%; object-fit: cover; animation: dl-zoom 16s ease-out both; }
.dl-hh__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(42, 29, 23, .7) 0%, rgba(42, 29, 23, .35) 45%, rgba(42, 29, 23, .78) 100%); }
.dl-hh::before { content: ""; position: absolute; inset: 24px 24px 174px; z-index: -1; border: 1px solid rgba(233, 207, 154, .55); pointer-events: none; }
.dl-hh::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 150px; z-index: -2; background: var(--dl-ivory); }
.dl-hh__inner { max-width: 900px; }
.dl-lotus { width: 70px; height: 36px; margin: 0 auto 18px; color: var(--dl-gold-soft); }
.dl-site .dl-hh__kicker { margin: 0 0 20px; font-size: .76rem; font-weight: 600; letter-spacing: .42em; text-transform: uppercase; color: var(--dl-gold-soft); }
.dl-site .dl-hh__title { margin: 0 0 24px; font-family: var(--dl-serif); font-size: clamp(2.6rem, 6.4vw, 5.6rem); font-weight: 400; line-height: 1.1; color: #fff; text-wrap: balance; animation: dl-rise 1s var(--dl-ease) both; }
.dl-site .dl-hh__lead { max-width: 640px; margin: 0 auto 36px; font-size: 1.08rem; line-height: 1.85; color: rgba(255, 255, 255, .86); }
.dl-hh__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.dl-hh__arches { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 3vw, 40px); max-width: 1040px; margin-top: 90px; }
.dl-site .dl-arch { position: relative; display: block; text-decoration: none; color: var(--dl-ink); }
.dl-arch__img { position: relative; display: block; overflow: hidden; aspect-ratio: 13 / 16; border-radius: 999px 999px 4px 4px; box-shadow: var(--dl-shadow); }
.dl-arch__img::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(233, 207, 154, .8); border-radius: 999px 999px 2px 2px; pointer-events: none; }
.dl-arch__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--dl-ease); }
.dl-arch:hover .dl-arch__img img { transform: scale(1.07); }
.dl-arch__no { display: block; margin-top: 18px; font-family: var(--dl-serif); color: var(--dl-red); font-size: 1rem; }
.dl-arch__name { display: block; font-family: var(--dl-serif); font-size: 1.7rem; line-height: 1.2; }
.dl-arch__country { display: block; font-size: .72rem; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--dl-red); }
.dl-hh-search { padding: 56px 0 0; background: var(--dl-ivory); }
.dl-hh-search .dl-search { max-width: none; margin: 0; border-radius: 2px; border: 1px solid var(--dl-line); box-shadow: var(--dl-shadow-sm); animation: none; }
.dl-search__field { border-color: var(--dl-line); }
.dl-search__field label { color: var(--dl-red); }
.dl-search__field:focus-within { background: var(--dl-ivory); border-radius: 0; }
.dl-search__btn { border-radius: 2px; background: var(--dl-red); }
.dl-search__btn:hover { background: var(--dl-jade); color: #fff; }

/* ---------- Khối trang chủ ---------- */
.dl-styles { background: var(--dl-ivory); }
.dl-styles__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border: 1px solid var(--dl-line); background: #fbf7ef; }
.dl-site .dl-style { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 34px 20px; text-align: center; text-decoration: none; color: var(--dl-ink); border-right: 1px solid var(--dl-line); transition: background .4s; }
.dl-site .dl-style:last-child { border-right: 0; }
.dl-site .dl-style:hover { background: var(--dl-sand); }
.dl-style__ico { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid var(--dl-gold); border-radius: 50%; color: var(--dl-red); }
.dl-style__ico .dl-ico { width: 26px; height: 26px; }
.dl-style__name { font-family: var(--dl-serif); font-size: 1.35rem; }
.dl-style__desc { font-size: .86rem; line-height: 1.6; color: var(--dl-muted); }
.dl-style__count { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--dl-jade); }
.dl-style__count .dl-ico { width: 14px; height: 14px; }

.dl-about { background: var(--dl-ivory); }
.dl-about__main { border-radius: 999px 999px 4px 4px; }
.dl-about__main img { aspect-ratio: 4 / 5; }
.dl-about__sub { border-color: var(--dl-ivory); border-radius: 4px; }
.dl-about__badge { background: var(--dl-red); }
.dl-about__badge strong { color: var(--dl-gold-soft); }
.dl-about__badge::before { border-color: rgba(233, 207, 154, .6); }
.dl-checks .dl-ico { background: transparent; border: 1px solid var(--dl-gold); color: var(--dl-red); }
.dl-stats strong { color: var(--dl-red); }

.dl-dest { background: #fbf7ef; }
.dl-tabs { border-radius: 2px; background: var(--dl-ivory); }
.dl-tab { border-radius: 2px; }
.dl-tab[aria-selected="true"] { background: var(--dl-red); }
.dl-dest__card { border-radius: 4px; }
.dl-dest__card::before { content: ""; position: absolute; inset: 12px; z-index: 1; border: 1px solid rgba(233, 207, 154, .55); pointer-events: none; }
.dl-dest__card::after { background: linear-gradient(180deg, rgba(42, 29, 23, 0) 35%, rgba(42, 29, 23, .85) 100%); }
.dl-dest__info { z-index: 2; padding: 30px; }
.dl-dest__country { color: var(--dl-gold-soft); }
.dl-dest__count .dl-ico { border-radius: 2px; }

.dl-tours { background: var(--dl-ivory); background-image: var(--dl-lattice); }
.dl-tour { border-radius: 4px; border: 1px solid var(--dl-line); box-shadow: none; }
.dl-tour__media { margin: 12px 12px 0; border-radius: 2px; }
.dl-tour__badge { border-radius: 2px; background: var(--dl-red); color: #fff; }
.dl-tour__dur { border-radius: 2px; background: rgba(42, 29, 23, .78); }
.dl-tour__dur .dl-ico, .dl-tour__rating .dl-ico { color: var(--dl-gold); }
.dl-site .dl-tour__place { color: var(--dl-jade); }
.dl-tour__meta .dl-ico { color: var(--dl-gold); }
.dl-tour__price strong { color: var(--dl-red); }

.dl-exp { background: var(--dl-jade); background-image: radial-gradient(rgba(233, 207, 154, .12) 1px, transparent 1.2px); background-size: 24px 24px; }
.dl-exp::before { display: none; }
.dl-exp__media > img { border-radius: 999px 999px 4px 4px; }
.dl-exp__card { border-radius: 4px; background: var(--dl-ivory); }
.dl-exp__stars { color: var(--dl-gold); }
.dl-perk__ico { border-color: rgba(233, 207, 154, .6); color: var(--dl-gold-soft); border-radius: 2px; transform: rotate(45deg); }
.dl-perk__ico .dl-ico { transform: rotate(-45deg); }
.dl-perk:hover .dl-perk__ico { background: var(--dl-gold); color: var(--dl-ink); }

.dl-sig { background: #fbf7ef; }
.dl-sig__item { border-radius: 999px 999px 4px 4px; }
.dl-sig__item::after { background: linear-gradient(180deg, rgba(42, 29, 23, 0) 35%, rgba(42, 29, 23, .85) 100%); }
.dl-sig__no { color: var(--dl-gold-soft); font-style: normal; }

.dl-offer::before { background: radial-gradient(ellipse at center, rgba(42, 29, 23, .5) 0%, rgba(42, 29, 23, .8) 100%); }
.dl-offer__inner { position: relative; padding: 56px 32px; border: 1px solid rgba(233, 207, 154, .55); }

.dl-testi { background: var(--dl-sand); }
.dl-testi__card { border-radius: 4px; border: 1px solid var(--dl-line); box-shadow: none; }
.dl-testi__q, .dl-testi__stars { color: var(--dl-gold); }
.dl-testi__score > strong { color: var(--dl-red); }
.dl-round:hover { background: var(--dl-red); border-color: var(--dl-red); }

.dl-gallery { background: var(--dl-ivory); }
.dl-gallery__item { border-radius: 2px; }
.dl-gallery__item--1, .dl-gallery__item--4 { border-radius: 999px 999px 2px 2px; }

.dl-journal { background: #fbf7ef; }
.dl-post__media { border-radius: 2px; }
.dl-post__cat { border-radius: 2px; }
.dl-post:hover .dl-post__title { color: var(--dl-red); }
.dl-post__meta .dl-ico { color: var(--dl-gold); }

.dl-contact__bg::after { background: linear-gradient(100deg, rgba(30, 91, 79, .95) 0%, rgba(30, 91, 79, .82) 45%, rgba(42, 29, 23, .45) 100%); }
.dl-contact__ico { border-color: rgba(233, 207, 154, .6); color: var(--dl-gold-soft); border-radius: 2px; }
.dl-form { border-radius: 4px; background: var(--dl-ivory); border-top: 3px solid var(--dl-gold); }
.dl-field input:not([type="checkbox"]), .dl-field select, .dl-field textarea { border-radius: 2px; background: #fffdf8; }
.dl-field input:focus, .dl-field select:focus, .dl-field textarea:focus { border-color: var(--dl-red); box-shadow: 0 0 0 3px rgba(143, 45, 31, .14); }

.dl-footer { background: #221612; }
.dl-footer::before { content: ""; display: block; height: 6px; background: repeating-linear-gradient(90deg, var(--dl-gold) 0 14px, transparent 14px 22px); opacity: .7; }
.dl-site .dl-footer h3 { color: var(--dl-gold-soft); }
.dl-footer__contact .dl-ico { color: var(--dl-gold); }
.dl-footer__socials a { border-radius: 2px; }
.dl-top { border-radius: 2px; background: var(--dl-red); color: #fff; }
.dl-top:hover { background: var(--dl-gold); color: var(--dl-ink); }

/* ---------- Trang con ---------- */
.dl-phero { text-align: center; }
.dl-phero__inner { display: flex; flex-direction: column; align-items: center; }
.dl-phero::before { content: ""; position: absolute; inset: 20px; z-index: 0; border: 1px solid rgba(233, 207, 154, .5); pointer-events: none; }
.dl-phero__bg::after { background: linear-gradient(180deg, rgba(42, 29, 23, .55) 0%, rgba(42, 29, 23, .45) 50%, rgba(42, 29, 23, .85) 100%); }
.dl-site .dl-phero__title { font-weight: 400; }
.dl-site .dl-phero__lead { margin-left: auto; margin-right: auto; }
.dl-crumbs ol { justify-content: center; }
.dl-phero__facts { justify-content: center; }
.dl-phero__facts li { border-radius: 2px; }
.dl-phero__facts .dl-ico { background: var(--dl-gold); color: var(--dl-ink); border-radius: 2px; }
.dl-phero .dl-sform input { border-radius: 2px; }
.dl-sform button { border-radius: 2px; background: var(--dl-red); }
.dl-filter { border-radius: 2px; border: 1px solid var(--dl-line); }
.dl-filter__field label { color: var(--dl-red); }
.dl-filter select { border-radius: 2px; background: #fffdf8; }
.dl-site .dl-chip { border-radius: 2px; background: #fffdf8; }
.dl-site .dl-chip:hover, .dl-site .dl-chip.is-active { background: var(--dl-red); border-color: var(--dl-red); }
.dl-site .dl-pager .page-numbers { border-radius: 2px; }
.dl-site .dl-pager .page-numbers.current, .dl-site .dl-pager a.page-numbers:hover { background: var(--dl-red); border-color: var(--dl-red); }
.dl-band { background: var(--dl-sand); background-image: var(--dl-lattice); }
.dl-empty { border-radius: 4px; background: #fffdf8; }

.dl-thead { background: var(--dl-ivory); background-image: var(--dl-lattice); }
.dl-site .dl-tag { border-radius: 2px; background: #fffdf8; }
.dl-site .dl-tag--gold { background: var(--dl-red); border-color: var(--dl-red); color: #fff; }
.dl-tgal__item, .dl-tgal__item:first-child { border-radius: 2px; }
.dl-tgal__item:first-child { border-radius: 999px 999px 2px 2px; }
.dl-tgal--1 .dl-tgal__item:first-child { border-radius: 4px; }
.dl-tgal__all { border-radius: 2px; }
.dl-subnav { background: rgba(247, 240, 227, .96); }
.dl-site .dl-subnav a:hover, .dl-site .dl-subnav a.is-active { color: var(--dl-red); border-color: var(--dl-red); }
.dl-facts > div, .dl-inc__col, .dl-itin details, .dl-faq details, .dl-infocard, .dl-value, .dl-postnav a { border-radius: 4px !important; background: #fffdf8; }
.dl-highlights li { border-radius: 2px; background: var(--dl-sand); }
.dl-highlights .dl-ico { color: var(--dl-red); }
.dl-itin__day { border-radius: 2px; background: var(--dl-red); }
.dl-itin li::before { border-radius: 2px; transform: rotate(45deg); border-color: var(--dl-gold); }
.dl-pricebox { border-radius: 4px; border-top: 3px solid var(--dl-red); background: #fffdf8; }
.dl-pricebox__badge { border-radius: 2px; background: var(--dl-gold); color: #1f140f; }
.dl-pricebox__price strong { color: var(--dl-red); }
.dl-textbtn, .dl-prose a { color: var(--dl-red); }
.dl-prose ul li::marker { color: var(--dl-gold); }
.dl-prose blockquote { border-left-color: var(--dl-red); }

.dl-statband { background: var(--dl-jade); }
.dl-statband strong { color: var(--dl-gold-soft); }
.dl-values { background: #fbf7ef; }
.dl-value__no { color: var(--dl-line); font-style: normal; }
.dl-value .dl-perk__ico, .dl-infocard .dl-perk__ico { transform: none; border-radius: 50%; color: var(--dl-red); border-color: var(--dl-gold); }
.dl-value .dl-perk__ico .dl-ico, .dl-infocard .dl-perk__ico .dl-ico { transform: none; }
.dl-timeline__year { color: var(--dl-red); }
.dl-timeline__list li::before { border-radius: 2px; transform: rotate(45deg); }
.dl-member__img { border-radius: 999px 999px 4px 4px; }
.dl-faqmini { background: var(--dl-sand); }
.dl-faqpage__help { border-radius: 4px; background: var(--dl-jade); }
.dl-article__cta { border-radius: 4px; background: var(--dl-jade); }
.dl-site .dl-share a { border-radius: 2px; }

@media (max-width: 767px) {
  .dl-mobilebar { background: var(--dl-ivory); border-top: 1px solid var(--dl-line); }
  .dl-site .dl-mobilebar a { color: var(--dl-ink); }
  .dl-mobilebar a .dl-ico { color: var(--dl-red); }
  .dl-site .dl-mobilebar a.is-primary { background: var(--dl-red); color: #fff; }
  .dl-mobilebar a.is-primary .dl-ico { color: var(--dl-gold-soft); }
}

/* ---------- Responsive ---------- */
@media (max-width: 1023px) {
  .dl-styles__grid { grid-template-columns: repeat(3, 1fr); }
  .dl-site .dl-style { border-bottom: 1px solid var(--dl-line); }
  .dl-hh__arches { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .dl-hh { padding-top: 130px; }
  .dl-hh::before { inset: 12px 12px 124px; }
  .dl-hh__bg { bottom: 100px; }
  .dl-hh::after { height: 100px; }
  .dl-hh__arches { grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 56px; }
  .dl-hh__arches .dl-arch:nth-child(3) { display: none; }
  .dl-arch__name { font-size: 1.25rem; }
  .dl-styles__grid { grid-template-columns: 1fr 1fr; }
  .dl-site .dl-style { border-right: 1px solid var(--dl-line); }
  .dl-style__desc { display: none; }
  .dl-phero::before { inset: 10px; }
  .dl-offer__inner { padding: 36px 18px; }
}