/* DOCHIFOOD V5.2.6 — DISABLE ACCIDENTAL MOBILE ZOOM */
html, body, button, a, input, textarea, select, label, .v5-app {
  touch-action: manipulation;
}

/* Sản phẩm bay vào/ra tab Báo giá khi người dùng chọn hoặc hủy. */
.v5-quote-flyer {
  position: fixed;
  z-index: 1000;
  overflow: hidden;
  pointer-events: none;
  border: 3px solid rgba(255,255,255,.96);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7,67,45,.34);
  will-change: transform, opacity;
}

.v5-quote-flyer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
.v5-quote-flyer span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #087947;
  font-size: 30px;
  font-weight: 1000;
}
.v5-quote-flyer.is-removing {
  border-color: rgba(226,44,44,.82);
  box-shadow: 0 14px 36px rgba(180,28,28,.28);
}
#v5Nav [data-view="yours"].v5-quote-nav-pop {
  animation: v5-quote-nav-pop .42s cubic-bezier(.2,.8,.2,1);
}
@keyframes v5-quote-nav-pop {
  0%,100% { transform: scale(1); }
  48% { transform: scale(1.16); }
}
@media (prefers-reduced-motion: reduce) {
  .v5-quote-flyer { display: none !important; }
  #v5Nav [data-view="yours"].v5-quote-nav-pop { animation: none !important; }
}

/* iOS Safari auto-zooms focused controls below 16px. */
input, textarea, select,
#v522SearchInput,
.v5-search input,
.v5-lead-card input,
.v5-lead-card select,
.v5-lead-card textarea,
#v5QuoteNote {
  font-size: 16px !important;
}
/* Nút thêm báo giá trong tab Khám phá. */
.v5-grid-media {
  position: relative;
}

.v5-grid-quote-plus {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: auto;
  z-index: 30;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #087f4b;
  font: 800 30px/1 Arial, sans-serif;
  text-align: center;
  box-shadow: none;
  text-shadow: 0 1px 2px rgba(255, 255, 255, .95), 0 1px 4px rgba(0, 0, 0, .18);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.v5-grid-quote-plus.active {
  background: transparent;
  color: #087f4b;
  border: 0;
  font-size: 22px;
}

.v5-grid-quote-plus > span {
  display: block;
  line-height: 1;
}

.v5-grid-quote-plus > svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.v5-grid-quote-plus:active {
  transform: scale(.92);
}

/* Tránh nhãn thời lượng che nút thêm ở góc trên phải. */
.v5-grid-card .v5-duration {
  top: 54px;
  right: 10px;
}

/* Xem lại yêu cầu báo giá trước khi chuyển sang Zalo. */
.v5-quote-review-modal{position:fixed;z-index:800;inset:0}
.v5-quote-review-card{position:absolute;left:12px;right:12px;bottom:0;max-height:92svh;overflow-y:auto;padding:24px 20px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(0,0,0,.22)}
.v5-quote-review-card>small{color:#087147;font-weight:1000;letter-spacing:.09em}
.v5-quote-review-card h2{margin:8px 46px 6px 0;color:#123b30;font-size:28px}
.v5-quote-review-card>p{margin:0 0 16px;color:#64766f;line-height:1.5}
.v5-quote-review-list{display:grid;gap:9px}
.v5-quote-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.v5-quote-customer-fields label{display:grid;gap:6px;color:#52645d;font-size:12px;font-weight:850}
.v5-quote-customer-fields input,.v5-quote-review-qty{width:100%;border:1px solid #cfdcd6;border-radius:12px;padding:11px;background:#fff;outline:0;font-size:16px}
.v5-quote-review-item{display:grid;grid-template-columns:34px minmax(0,1fr) 76px;gap:10px;align-items:center;padding:12px;border:1px solid #dbe5e0;border-radius:16px;background:#f8fbf9}
.v5-quote-review-item b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e2f2e9;color:#087147}
.v5-quote-review-item strong{display:block;color:#173c31;line-height:1.3}
.v5-quote-review-item small{display:block;margin-top:5px;color:#71827b;line-height:1.35}
.v5-quote-review-quantity{display:grid;gap:5px;color:#71827b;font-size:10px;font-weight:900;text-align:center}
.v5-quote-review-qty{text-align:center;padding:9px 5px}
.v5-quote-review-note{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff7df;color:#69551d;line-height:1.45}
.v5-quote-copy-zalo{position:sticky;bottom:0;width:100%;min-height:56px;margin-top:18px;border:0;border-radius:18px;background:#087147;color:#fff;font-size:16px;font-weight:1000;box-shadow:0 8px 24px rgba(8,113,71,.2)}
@media (max-width:520px){.v5-quote-customer-fields{grid-template-columns:1fr}}
@media (min-width:760px){.v5-quote-review-card{left:50%;right:auto;bottom:24px;width:min(620px,calc(100vw - 40px));transform:translateX(-50%);border-radius:28px}}
/* V5.2.7.1 — Khám phá: video không được che tên sản phẩm. */
.v5-page[data-page="discover"] .v5-grid-card {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
}

.v5-page[data-page="discover"] .v5-grid-card .v5-grid-media {
  position: absolute !important;
  inset: 0 0 64px !important;
  width: auto !important;
  height: auto !important;
  overflow: hidden !important;
  background: #fff !important;
}

.v5-page[data-page="discover"] .v5-grid-card .v5-grid-player,
.v5-page[data-page="discover"] .v5-grid-card .v5-grid-player iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.v5-page[data-page="discover"] .v5-grid-card .v5-grid-copy {
  position: absolute !important;
  z-index: 40 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  min-height: 64px !important;
  padding: 10px 11px 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  background: #fff !important;
  color: #123e72 !important;
  pointer-events: none !important;
}

.v5-page[data-page="discover"] .v5-grid-card .v5-grid-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* V5.2.7.2 — Bottom navigation trong suốt trên điện thoại. */
@media (max-width: 899px) {
  html,
  body,
  #v5App,
  .v5-app {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }

  #v5Nav,
  .v5-nav {
    position: fixed !important;
    z-index: 110 !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: calc(var(--nav-h) + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    transform: none !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #v5Nav button,
  .v5-nav button {
    font-size: 14px !important;
    font-weight: 850 !important;
    text-shadow: 0 1px 3px rgba(255,255,255,.96), 0 0 8px rgba(255,255,255,.9);
  }

  .v5-pager {
    bottom: 0 !important;
  }

  .v5-page[data-page="recommended"] .v5-feed-info,
  .v5-page[data-page="recommended"] .v520-caption {
    bottom: calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px) !important;
  }

  .v5-page[data-page="recommended"] .v5-feed-actions,
  .v5-page[data-page="recommended"] .v520-actions {
    bottom: calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px) !important;
  }

  .v5-discover-scroll,
  .v5-yours-scroll,
  .v5-about-scroll {
    padding-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px) !important;
  }
}

/* Logo thật trên màn hình tải dữ liệu. */
.v5-loading-brand {
  display: block;
  width: 132px;
  height: 132px;
  object-fit: contain;
  margin: 0 0 10px;
}

/* Bottom navigation nền trắng mờ, đọc rõ trên cả ảnh và video. */
@media (max-width: 899px) {
  #v5Nav,
  .v5-nav {
    background: rgba(255,255,255,.76) !important;
    border-top: 1px solid rgba(255,255,255,.7) !important;
    box-shadow: 0 -8px 28px rgba(10,42,32,.12) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  }
}

/* Mobile: Báo giá là nút nổi, nằm ngay trên nút Tìm kiếm. */
@media (max-width: 899px) {
  #v5Nav,
  .v5-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #v5Nav [data-view="yours"],
  .v5-nav [data-view="yours"] {
    position: fixed !important;
    z-index: 112 !important;
    right: 14px !important;
    bottom: calc(142px + env(safe-area-inset-bottom)) !important;
    left: auto !important;
    top: auto !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1.5px solid rgba(8,126,88,.55) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.94) !important;
    color: #087e58 !important;
    box-shadow: 0 8px 22px rgba(8,83,57,.14) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
  }

  #v5Nav [data-view="yours"] > span,
  .v5-nav [data-view="yours"] > span {
    display: none !important;
  }

  #v5Nav [data-view="yours"] > svg,
  .v5-nav [data-view="yours"] > svg {
    width: 25px !important;
    height: 25px !important;
  }

  #v5Nav [data-view="yours"] > b,
  .v5-nav [data-view="yours"] > b {
    top: -8px !important;
    right: -8px !important;
  }

  body:has(#v5LeadModal:not([hidden])) #v5Nav [data-view="yours"] {
    display: none !important;
  }

  html.v5-detail-open #v5Nav [data-view="yours"] {
    z-index: 220 !important;
    pointer-events: auto !important;
  }

  html.v5-detail-open #v5Nav,
  html.v5-detail-open .v5-nav {
    z-index: 220 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.v5-detail-open #v5Nav > button:not([data-view="yours"]),
  html.v5-detail-open .v5-nav > button:not([data-view="yours"]) {
    visibility: hidden !important;
  }
}

/* V5.2.7.7 — Hiển thị đủ khung hình, không crop trên/dưới. */
@media (max-width: 899px) {
  .v5-page[data-page="recommended"] .v5-feed-player {
    overflow: hidden !important;
  }

  .v5-page[data-page="recommended"] .v5-feed-player iframe,
  .v5-page[data-page="recommended"] .v5-feed-media > iframe,
  .v5-page[data-page="recommended"] .v520-video-media > iframe {
    position: absolute !important;
    display: block !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

/* Báo giá dạng popup thay vì một trang trong pager. */
.v5-quote-popup {
  position: fixed;
  z-index: 700;
  inset: 0;
}
.v5-quote-popup[hidden] { display: none !important; }
.v5-quote-popup-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(4,25,18,.52);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.v5-quote-popup-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(88dvh, 860px);
  overflow: hidden;
  border-radius: 28px 28px 0 0;
  background: #fff;
  box-shadow: 0 -20px 60px rgba(0,0,0,.24);
  animation: v5-quote-popup-in .28s cubic-bezier(.2,.8,.2,1);
}
.v5-quote-popup-close {
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #edf5f1;
  color: #164b3b;
  font-size: 31px;
  line-height: 1;
}
.v5-quote-popup .v5-yours-scroll {
  height: 100% !important;
  overflow-y: auto !important;
  padding-top: 0 !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}
.v5-quote-popup .v5-quote-head-send {
  position: absolute !important;
  z-index: 6 !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  top: auto !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(5,105,67,.3) !important;
}
.v5-quote-popup .v5-quote-head-send[hidden] {
  display: none !important;
}
.v5-quote-popup .v5-quote-head-send svg {
  width: 25px !important;
  height: 25px !important;
}
html.v5-quote-popup-open { overflow: hidden !important; }

/* V5.2.6: giữ CTA chi tiết nổi đúng vị trí trên Safari/iPhone. */
html.v5-detail-open .v5-detail-actions {
  display: grid !important;
  grid-template-columns: minmax(112px,.72fr) minmax(0,1.45fr) !important;
  align-items: stretch !important;
  gap: 10px !important;
  left: 10px !important;
  right: 10px !important;
  bottom: calc(10px + env(safe-area-inset-bottom)) !important;
  width: auto !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 7px !important;
  border: 1px solid rgba(8,126,88,.2) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 14px 38px rgba(4,45,31,.2) !important;
  z-index: 950 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}
html.v5-detail-open .v5-detail-actions > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.v5-detail-open .v5-detail-scroll {
  height: 100% !important;
  padding-bottom: 0 !important;
}
html.v5-detail-open .v5-detail-body { padding-bottom: 150px !important; }

/* Trang chi tiết dùng CTA nổi; bỏ footer nền che nội dung. */
html.v5-detail-open .v5-detail-actions { display: none !important; }
.v5-detail-share-floating {
  position: fixed !important;
  z-index: 960 !important;
  right: 14px !important;
  bottom: calc(198px + env(safe-area-inset-bottom)) !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1.5px solid rgba(8,126,88,.55) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.94) !important;
  color: #087e58 !important;
  box-shadow: 0 8px 22px rgba(8,83,57,.14) !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
}
.v5-detail-share-floating[hidden] { display: none !important; }
.v5-detail-share-floating svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.v5-detail-add-quote-floating {
  position: fixed !important;
  z-index: 962 !important;
  left: 14px !important;
  right: 76px !important;
  bottom: calc(86px + env(safe-area-inset-bottom)) !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 15px 0 11px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1.5px solid rgba(8,126,88,.65) !important;
  border-radius: 15px !important;
  background: #087e58 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(8,83,57,.2) !important;
  font: 800 14px/1.1 system-ui,-apple-system,sans-serif !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  transition: opacity .2s ease, transform .24s ease, visibility .2s ease !important;
}
.v5-detail-cta-hidden .v5-detail-add-quote-floating {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(70px) !important;
}
.v5-detail-add-quote-floating.active {
  background: #fff !important;
  color: #087e58 !important;
}
.v5-detail-add-quote-floating[hidden] { display: none !important; }
.v5-detail-add-quote-icon { font-size: 23px !important; line-height: 1 !important; }

/* Chi tiết sản phẩm gọn hơn trên điện thoại. */
@media (max-width: 899px) {
  html.v5-detail-open .v5-detail-media {
    min-height: 46svh !important;
  }
  html.v5-detail-open .v5-detail-body {
    padding: 16px 14px 126px !important;
  }
  html.v5-detail-open .v5-detail-kicker {
    margin-bottom: 4px !important;
  }
  html.v5-detail-open .v5-detail-title {
    margin: 4px 0 5px !important;
    font-size: clamp(20px, 5.4vw, 26px) !important;
    line-height: 1.08 !important;
  }
  html.v5-detail-open .v5-detail-sku {
    margin: 0 0 12px !important;
    font-size: 16px !important;
  }
  html.v5-detail-open .v5-chapters {
    gap: 8px !important;
    margin: 10px -14px 12px !important;
    padding: 0 14px 4px !important;
  }
  html.v5-detail-open .v5-chapter {
    flex-basis: auto !important;
    min-width: max-content !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html.v5-detail-open .v5-chapter b {
    display: none !important;
  }
  html.v5-detail-open .v5-chapter strong {
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html.v5-detail-open .v5-chapter small { display: none !important; }
  html.v5-detail-open .v5-specs {
    gap: 8px !important;
    margin-top: 10px !important;
  }
  html.v5-detail-open .v5-spec {
    min-height: 72px !important;
    padding: 11px 12px !important;
    border-left-width: 4px !important;
    border-radius: 15px !important;
  }
  html.v5-detail-open .v5-spec small { font-size: 10px !important; }
  html.v5-detail-open .v5-spec strong { font-size: 16px !important; }
  .v5-detail-add-quote-floating {
    height: 46px !important;
    font-size: 13px !important;
  }
  html.v5-detail-open .v5-related { margin-top: 18px !important; }
  html.v5-detail-open .v5-related h2 {
    margin: 0 0 10px !important;
    color: #153f33 !important;
    font-size: 18px !important;
  }
  html.v5-detail-open .v5-related-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  html.v5-detail-open .v5-related-card {
    position: relative !important;
    min-width: 0 !important;
    padding: 8px !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: #153f33 !important;
    text-align: left !important;
    cursor: pointer !important;
  }
  html.v5-detail-open .v5-related-media {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / .8 !important;
    margin-bottom: 7px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    background: #f4f7f5 !important;
  }
  html.v5-detail-open .v5-related-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  html.v5-detail-open .v5-related-media iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    pointer-events: none !important;
  }
  html.v5-detail-open .v5-related-copy { padding-right: 34px !important; }
  html.v5-detail-open .v5-related-card strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  html.v5-detail-open .v5-related-card small {
    display: block !important;
    margin-top: 4px !important;
    color: #778780 !important;
    font-size: 11px !important;
  }
  html.v5-detail-open .v5-related-quote {
    position: absolute !important;
    z-index: 3 !important;
    right: 8px !important;
    top: 8px !important;
    bottom: auto !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #087e58 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #087e58 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html.v5-detail-open .v5-related-quote.active {
    background: #087e58 !important;
    color: #fff !important;
  }
}

@media (min-width:760px) {
  html.v5-detail-open .v5-detail-actions {
    left: calc(108px + 50% - 390px) !important;
    right: auto !important;
    width: 780px !important;
    grid-template-columns: 240px 1fr !important;
  }
}
@keyframes v5-quote-popup-in {
  from { transform: translateY(100%); opacity: .7; }
  to { transform: translateY(0); opacity: 1; }
}
@media (min-width: 900px) {
  .v5-quote-popup-panel {
    left: 50%;
    right: auto;
    bottom: 24px;
    width: min(720px, calc(100vw - 48px));
    height: min(88vh, 860px);
    transform: translateX(-50%);
    border-radius: 28px;
  }
  @keyframes v5-quote-popup-in {
    from { transform: translate(-50%, 40px); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .v5-quote-popup-panel { animation: none !important; }
}

/* Icon tìm kiếm luôn hiện; bấm sẽ chuyển về Khám phá để trả kết quả. */
.v522-search-dock,
body:has(#v5Detail:not([hidden])) .v522-search-dock,
body:has(#v5LeadModal:not([hidden])) .v522-search-dock,
html.v5-detail-open .v522-search-dock {
  display: block !important;
  z-index: 720 !important;
}
html.v5-quote-popup-open .v522-search-dock,
body:has(#v5QuoteReviewModal:not([hidden])) .v522-search-dock {
  display: none !important;
}

/* Đồng bộ nút Yêu thích và Chia sẻ với phong cách nút Tìm kiếm. */
@media (max-width: 899px) {
  .v5-page[data-page="recommended"] .v5-feed-actions {
    transform: translateY(-96px) !important;
  }
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="quote"],
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="share"] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    border: 1.5px solid rgba(8,126,88,.55) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.94) !important;
    color: #087e58 !important;
    box-shadow: 0 8px 22px rgba(6,65,47,.18) !important;
    text-shadow: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="quote"]::before {
    font-size: 28px !important;
    line-height: 1 !important;
  }
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="quote"] > svg,
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="quote"] > span {
    display: none !important;
  }
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="share"] svg {
    width: 25px !important;
    height: 25px !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
  }
  .v5-page[data-page="recommended"] .v5-feed-actions .v5-round-action[data-action="quote"].active {
    border-color: #087e58 !important;
    background: #087e58 !important;
    color: #fff !important;
  }
}

/* Let the page own horizontal/vertical swipe gestures over autoplay video. */
.v5-page[data-page="recommended"] .v5-feed-player,
.v5-page[data-page="recommended"] .v5-feed-player iframe {
  pointer-events: none !important;
}