/* ============================================================
   FLOWER.CSS — Web hoa "72 Happy Flowers / Hoa Tươi Phú Mỹ"
   Font: Cormorant Garamond. Nút: pastel mềm. Tông hồng.
   ============================================================ */
body.flower-site { --brand: #e6007e; --brand2: #ff3d9a; --accent: #c1005f; }

/* Topbar */
.flower-site .ht-topbar { background: #fff0f6; color: #a1315e; font-size: 13px; border-bottom: 1px solid #f6dbe7; }
.flower-site .ht-topbar .wrap { padding: 7px 18px; text-align: center; }
.flower-site .ht-topbar a { color: #c1005f; font-weight: 700; }

/* Header */
.flower-site .ht-header { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.flower-site .ht-hd { display: flex; align-items: center; gap: 20px; padding: 8px 18px; }
.flower-site .ht-logo { display: flex; align-items: center; }
.flower-site .ht-logo img { height: 60px; width: auto; }
.flower-site .ht-menu { display: flex; gap: 4px; list-style: none; margin-left: auto; flex-wrap: wrap; }
.flower-site .ht-menu a { display: block; padding: 10px 15px; font-weight: 600; font-size: 13.5px; color: #444; border-radius: 22px; text-transform: uppercase; letter-spacing: .4px; }
.flower-site .ht-menu a:hover, .flower-site .ht-menu a.active { background: #fff0f6; color: #c1005f; }

/* Cột thông tin sản phẩm */
.flower-site .pd-info h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 700; font-size: 40px; line-height: 1.1; color: #2a2a2a; margin-bottom: 10px; }
.flower-site .pd-price { font-family: 'Cormorant Garamond', Georgia, serif; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.flower-site .pd-price .old { color: #b3a0a8; text-decoration: line-through; font-size: 24px; font-weight: 500; }
.flower-site .pd-price .now { color: var(--accent); font-size: 40px; font-weight: 700; }
.flower-site .sale-badge { font-family: 'Segoe UI', sans-serif; background: #ffe3ef; color: #c1005f; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; align-self: center; }
.flower-site .pd-vat { color: #9a8b91; font-size: 13.5px; font-style: italic; margin-bottom: 18px; }
.flower-site .ht-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0; }
.flower-site .svc-box { border: 1px solid #f3d9e6; border-radius: 12px; padding: 14px 8px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; background: #fffafc; }
.flower-site .svc-box img { height: 38px; width: auto; }
.flower-site .svc-box .svc-emoji { font-size: 30px; line-height: 1; }
.flower-site .svc-box span { font-size: 12.5px; color: #6d5b63; line-height: 1.3; }
.flower-site .svc-box b { color: #c1005f; font-size: 12.5px; }
.flower-site .ht-order { margin: 6px 0 12px; }
.flower-site .btn-order { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 16px; border-radius: 12px; background: #ffe3ef; color: #c1005f; font-weight: 700; font-size: 17px; text-transform: uppercase; letter-spacing: .6px; border: none; transition: .18s; }
.flower-site .btn-order:hover { background: #ffd2e6; transform: translateY(-2px); }
.flower-site .ht-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.flower-site .qbtn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; border-radius: 12px; font-weight: 600; font-size: 13.5px; border: 1px solid #ffd9e8; background: #fff3f8; color: #c1005f; transition: .18s; }
.flower-site .qbtn img { height: 18px; width: 18px; border-radius: 4px; }
.flower-site .qbtn:hover { background: #ffe3ef; transform: translateY(-1px); }
.flower-site .pd-note { background: #fffafc; border: 1px solid #f3d9e6; border-radius: 10px; padding: 13px 14px; font-size: 13.5px; color: #7a6670; margin-bottom: 18px; }
.flower-site .pd-detail { margin-top: 6px; }
.flower-site .pd-detail h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 26px; font-weight: 700; color: #c1005f; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #f3d9e6; }
.flower-site .pd-detail .pd-desc { line-height: 1.85; color: #5a5158; font-size: 15px; }

/* Lưới & tiêu đề */
.flower-site .sec-t { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 700; color: #2a2a2a; }
.flower-site .sec-t:after { background: var(--brand); }
.flower-site .card-body h3 { font-weight: 600; color: #3a3a3a; }
.flower-site .price { color: var(--accent); }
.flower-site .crumb a { color: var(--brand); }

/* ===== HERO SLIDESHOW ===== */
.flower-site .ht-slider { position: relative; width: 100%; height: 460px; border-radius: 18px; overflow: hidden; margin-bottom: 40px; background: #fff0f6; }
.flower-site .ht-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease; }
.flower-site .ht-slide.active { opacity: 1; }
.flower-site .ht-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(58,11,34,.55), rgba(58,11,34,.08)); }
.flower-site .ht-slide-cap { position: absolute; left: 6%; top: 50%; transform: translateY(-50%); max-width: 520px; z-index: 2; color: #fff; }
.flower-site .ht-slide-cap h2 { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 700; line-height: 1.1; margin-bottom: 12px; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.flower-site .ht-slide-cap p { font-size: 17px; margin-bottom: 20px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.flower-site .ht-slide-cap .btn-order { display: inline-flex; width: auto; background: #fff; color: #c1005f; padding: 14px 28px; }
.flower-site .ht-slide-cap .btn-order:hover { background: #ffe3ef; }
.flower-site .ht-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: none; background: rgba(255,255,255,.82); color: #c1005f; font-size: 22px; cursor: pointer; }
.flower-site .ht-nav.prev { left: 14px; } .flower-site .ht-nav.next { right: 14px; }
.flower-site .ht-nav:hover { background: #fff; }
.flower-site .ht-dots { position: absolute; bottom: 16px; left: 0; right: 0; z-index: 3; display: flex; gap: 8px; justify-content: center; }
.flower-site .ht-dots span { width: 11px; height: 11px; border-radius: 50%; background: rgba(255,255,255,.6); cursor: pointer; }
.flower-site .ht-dots span.on { background: #e6007e; }

/* ===== VÌ SAO CHỌN ===== */
.flower-site .ht-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 6px; }
.flower-site .ht-why .w { text-align: center; padding: 22px 14px; background: #fffafc; border: 1px solid #f3d9e6; border-radius: 14px; }
.flower-site .ht-why .w .ic { font-size: 30px; display: block; margin-bottom: 8px; }
.flower-site .ht-why .w h3 { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: #c1005f; margin-bottom: 4px; }
.flower-site .ht-why .w p { font-size: 13px; color: #7a6670; }

/* ===== MARQUEE auto-scroll ===== */
.flower-site .ht-marquee { overflow: hidden; position: relative; padding: 4px 0; }
.flower-site .ht-track { display: flex; gap: 18px; width: max-content; animation: htscroll 45s linear infinite; }
.flower-site .ht-marquee:hover .ht-track { animation-play-state: paused; }
.flower-site .ht-track .card { width: 230px; flex: 0 0 230px; }
@keyframes htscroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ===== CTA band ===== */
.flower-site .ht-cta { background: linear-gradient(90deg, #ffe3ef, #fff0f6); border-radius: 18px; text-align: center; padding: 42px 20px; margin: 34px 0; }
.flower-site .ht-cta h2 { font-family: 'Cormorant Garamond', serif; font-size: 34px; color: #c1005f; margin-bottom: 10px; }
.flower-site .ht-cta p { color: #7a6670; margin-bottom: 18px; }
.flower-site .ht-cta .btn-order { max-width: 300px; margin: 0 auto; }

/* ===== SEO text ===== */
.flower-site .ht-seo { color: #6a5f65; }
.flower-site .ht-seo p { margin-bottom: 12px; line-height: 1.9; font-size: 15px; }
.flower-site .ht-seo h3 { font-family: 'Cormorant Garamond', serif; color: #c1005f; margin: 18px 0 8px; font-size: 22px; }

/* Footer */
.flower-site .ht-footer { background: #3a0b22; color: #f6d9e6; margin-top: 44px; padding: 44px 0 0; }
.flower-site .ht-fcols { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.flower-site .ht-footer h4 { font-family: 'Cormorant Garamond', serif; color: #ff9ecb; margin-bottom: 12px; font-size: 20px; font-weight: 700; }
.flower-site .ht-footer p { color: #e9c2d5; font-size: 14px; margin-bottom: 8px; line-height: 1.6; }
.flower-site .ht-footer ul { list-style: none; }
.flower-site .ht-footer li { margin-bottom: 8px; }
.flower-site .ht-footer a { color: #e9c2d5; font-size: 14px; }
.flower-site .ht-footer a:hover { color: #fff; }
.flower-site .ht-copyright { text-align: center; padding: 18px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; color: #d59bb7; }
.flower-site .fab.call { background: #e6007e; }

@media (max-width: 820px) {
	.flower-site .ht-services, .flower-site .ht-quick { grid-template-columns: 1fr 1fr; }
	.flower-site .ht-fcols { grid-template-columns: 1fr; }
	.flower-site .ht-menu { width: 100%; margin-left: 0; justify-content: center; }
	.flower-site .ht-logo { justify-content: center; width: 100%; }
	.flower-site .pd-info h1 { font-size: 32px; }
	.flower-site .pd-price .now { font-size: 34px; }
	.flower-site .ht-slider { height: 300px; }
	.flower-site .ht-slide-cap h2 { font-size: 30px; }
	.flower-site .ht-slide-cap p { font-size: 15px; }
	.flower-site .ht-why { grid-template-columns: 1fr 1fr; }
}

/* ===== TRANG TRÍ / POLISH ===== */
body.flower-site { background: #fffdfe; }
.flower-site.ht-home .sec-t { text-align: center; padding-bottom: 16px; }
.flower-site.ht-home .sec-t:after { left: 50%; transform: translateX(-50%); width: 72px; }
.flower-site.ht-home .sec-t:before { content: '❀'; display: block; color: #e6007e; font-size: 20px; margin-bottom: 2px; opacity: .85; }
.flower-site .card { border: 1px solid #f3e2ea; border-radius: 16px; }
.flower-site .card:hover { box-shadow: 0 14px 34px rgba(230,0,126,.12); transform: translateY(-4px); }
.flower-site .card-img { border-radius: 16px 16px 0 0; }
.flower-site .ht-slider { box-shadow: 0 18px 40px rgba(230,0,126,.10); }
.flower-site.ht-home .ht-why .w { transition: .2s; }
.flower-site.ht-home .ht-why .w:hover { border-color: #e6007e; box-shadow: 0 10px 26px rgba(230,0,126,.10); transform: translateY(-3px); }

/* ===== UI CAO CẤP: KÍNH MỜ / KEN BURNS / REVEAL ===== */
.flower-site .ht-header { background: rgba(255,255,255,.72); -webkit-backdrop-filter: saturate(160%) blur(12px); backdrop-filter: saturate(160%) blur(12px); }
.flower-site .ht-topbar { background: rgba(255,240,246,.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

/* Hero: ảnh zoom chậm + caption panel kính mờ + nút nhỏ lại */
.flower-site .ht-slide.active { animation: htkb 6s ease both; }
@keyframes htkb { from { transform: scale(1.02); } to { transform: scale(1.09); } }
.flower-site .ht-slide-cap { background: rgba(28,8,18,.26); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border: 1px solid rgba(255,255,255,.22); border-radius: 18px; padding: 24px 28px; }
.flower-site .ht-slide-cap h2 { font-size: 42px; margin-bottom: 8px; }
.flower-site .ht-slide-cap p { font-size: 15px; margin-bottom: 14px; }
.flower-site .ht-slide-cap .btn-order { padding: 10px 20px; font-size: 14px; box-shadow: 0 8px 20px rgba(0,0,0,.18); }

/* Nút chính có quầng sáng hồng */
.flower-site .btn-order { box-shadow: 0 8px 22px rgba(230,0,126,.16); }

/* Nút nổi kính mờ */
.flower-site .fab { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* Reveal khi cuộn (chỉ trang chủ) */
.flower-site .ht-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.flower-site .ht-reveal.in { opacity: 1; transform: none; }

/* ===== NỀN CHẤM BI + VÂN SÁNG ===== */
body.flower-site { background-color: #fffdfe; background-image: radial-gradient(rgba(230,0,126,.045) 1px, transparent 1.5px), linear-gradient(180deg, #fff4f9, #fffdfe 420px); background-size: 24px 24px, 100% 100%; background-attachment: fixed, scroll; }

/* ===== THẺ SẢN PHẨM TỐI GIẢN SANG ===== */
.flower-site .card { border: 1px solid #f1e3ea; border-radius: 16px; background: #fff; overflow: hidden; }
.flower-site .card-img { aspect-ratio: 4/5; }
.flower-site .card-img img { transition: transform .6s ease; }
.flower-site .card:hover .card-img img { transform: scale(1.06); }
.flower-site .card-body { padding: 14px 16px 18px; text-align: center; }
.flower-site .card-body h3 { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 700; color: #2a2a2a; min-height: auto; margin-bottom: 8px; }
.flower-site .card .price { display: inline-block; background: #ffe3ef; color: #c1005f; font-weight: 700; font-size: 14px; padding: 5px 15px; border-radius: 20px; }

/* ===== KHỐI DANH MỤC (tiêu đề + Xem tất cả) ===== */
.flower-site .ht-cat-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.flower-site.ht-home .ht-cat-head .sec-t { text-align: left; margin-bottom: 0; padding-bottom: 10px; }
.flower-site.ht-home .ht-cat-head .sec-t:before { display: none; }
.flower-site.ht-home .ht-cat-head .sec-t:after { left: 0; transform: none; }
.flower-site .ht-viewall { color: #c1005f; font-weight: 700; font-size: 14px; white-space: nowrap; }
.flower-site .ht-viewall:hover { text-decoration: underline; }
.flower-site .ht-catblock { padding-top: 6px; }

/* Nút Xem tất cả về sát tiêu đề */
.flower-site .ht-cat-head { justify-content: flex-start; gap: 16px; }
.flower-site .ht-viewall { align-self: center; }

/* Chấm phá nền: vài quầng hồng mờ rải rác */
body.flower-site {
  background-color: #fffdfe;
  background-image:
    radial-gradient(circle at 88% 8%, rgba(255,141,196,.14), transparent 26%),
    radial-gradient(circle at 6% 42%, rgba(255,141,196,.10), transparent 24%),
    radial-gradient(circle at 78% 70%, rgba(230,0,126,.07), transparent 24%),
    radial-gradient(circle at 30% 92%, rgba(255,141,196,.10), transparent 22%),
    radial-gradient(rgba(230,0,126,.04) 1px, transparent 1.5px),
    linear-gradient(180deg, #fff4f9, #fffdfe 420px);
  background-size: auto, auto, auto, auto, 26px 26px, 100% 100%;
  background-attachment: fixed, fixed, fixed, fixed, fixed, scroll;
}

/* Bộ lọc catalogue theo màu */
.flower-site .fcolors { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: -6px 0 18px; }
.flower-site .fcolors .fc-label { font-size: 13px; color: #7a6670; font-weight: 600; margin-right: 2px; }
.flower-site .fc { background: #fff; border: 1px solid #ffd9e8; color: #8a5c6e; padding: 6px 14px; border-radius: 20px; font-size: 13px; cursor: pointer; transition: .18s; }
.flower-site .fc:hover { border-color: #e6007e; color: #c1005f; }
.flower-site .fc.active { background: #e6007e; color: #fff; border-color: #e6007e; }

/* ===== ĐƯỜNG NÉT DẠ QUANG NỀN ===== */
body.flower-site { position: relative; }
.flower-site .ht-bgfx { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden; opacity: .5; }
.flower-site .ht-bgfx svg { width: 100%; height: 100%; display: block; }
.flower-site .ht-topbar, .flower-site .ht-header, .flower-site main, .flower-site .ht-footer { position: relative; z-index: 1; }
@media (max-width: 820px) { .flower-site .ht-bgfx { opacity: .3; } }

/* Trang chủ: 4 sản phẩm/khối danh mục dàn đều, không dồn trái */
.flower-site.ht-home .ht-catblock .grid { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 820px) { .flower-site.ht-home .ht-catblock .grid { grid-template-columns: repeat(2, 1fr); } }

/* ===== CATALOGUE: lưới 4 cột + bộ lọc sang mịn ===== */
.flower-site #grid.grid { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 820px){ .flower-site #grid.grid { grid-template-columns: repeat(2, 1fr); } }

.flower-site .cat-filter { background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid #f1e3ea; border-radius: 18px; padding: 20px 22px; margin-bottom: 28px; box-shadow: 0 10px 30px rgba(219,122,128,.08); display: flex; flex-direction: column; gap: 16px; }
.flower-site .cf-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.flower-site .cf-label { font-family: 'Cormorant Garamond', serif; font-size: 19px; font-weight: 700; color: #c1005f; min-width: 96px; }
.flower-site .cf-search { flex: 1; min-width: 200px; padding: 11px 18px; border: 1px solid #f1e3ea; border-radius: 30px; outline: none; font-size: 14px; background: #fff; }
.flower-site .cf-search:focus { border-color: #e6007e; }
.flower-site .cat-filter select { padding: 10px 14px; border: 1px solid #f1e3ea; border-radius: 10px; font-size: 14px; outline: none; background: #fff; }

/* Thanh kéo giá đôi */
.flower-site .price-slider { position: relative; flex: 1; min-width: 240px; height: 34px; }
.flower-site .price-slider .ps-rail { position: absolute; top: 50%; left: 8px; right: 8px; height: 5px; transform: translateY(-50%); background: #f3d9e6; border-radius: 6px; }
.flower-site .price-slider .ps-fill { position: absolute; height: 5px; background: linear-gradient(90deg, #ff7fb0, #e6007e); border-radius: 6px; }
.flower-site .price-slider input[type=range] { position: absolute; top: 0; left: 0; width: 100%; height: 34px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.flower-site .price-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2px solid #e6007e; box-shadow: 0 2px 6px rgba(230,0,126,.3); cursor: pointer; }
.flower-site .price-slider input[type=range]::-moz-range-thumb { pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2px solid #e6007e; box-shadow: 0 2px 6px rgba(230,0,126,.3); cursor: pointer; }
.flower-site .price-slider input[type=range]::-moz-range-track { background: none; }
.flower-site .cf-pval { font-weight: 700; color: #c1005f; font-size: 14px; white-space: nowrap; min-width: 190px; text-align: right; }

/* Nút màu có chấm màu (chọn nhiều) */
.flower-site .fcolors .fc { display: inline-flex; align-items: center; gap: 7px; }
.flower-site .fcolors .fc i { width: 14px; height: 14px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,.14); }

/* Phân trang */
.flower-site .cat-pager { display: flex; justify-content: center; gap: 8px; margin-top: 36px; flex-wrap: wrap; }
.flower-site .cat-pager .pg { min-width: 40px; height: 40px; border-radius: 50%; border: 1px solid #f1e3ea; background: #fff; color: #8a5c6e; font-weight: 600; font-size: 14px; cursor: pointer; transition: .18s; }
.flower-site .cat-pager .pg:hover:not([disabled]) { border-color: #e6007e; color: #c1005f; transform: translateY(-2px); }
.flower-site .cat-pager .pg.on { background: #e6007e; color: #fff; border-color: #e6007e; }
.flower-site .cat-pager .pg[disabled] { opacity: .4; cursor: default; }

/* ===== HEADER DÍNH CẢ CỤM (topbar+logo+menu) ===== */
.flower-site .ht-sticky { position: sticky; top: 0; z-index: 60; }
.flower-site .ht-sticky .ht-header { position: static; }
.flower-site .menu-toggle { display: none; }

/* ===== MÁY TÍNH BẢNG (821–1024) ===== */
@media (min-width: 821px) and (max-width: 1024px) {
  .flower-site #grid.grid { grid-template-columns: repeat(3, 1fr); }
  .flower-site.ht-home .ht-catblock .grid { grid-template-columns: repeat(3, 1fr); }
  .flower-site .ht-slider { height: 400px; }
  .flower-site .ht-slide-cap h2 { font-size: 38px; }
  .flower-site .ht-menu a { padding: 10px 11px; font-size: 12.5px; }
}

/* ===== ĐIỆN THOẠI (≤820) ===== */
@media (max-width: 820px) {
  .flower-site .ht-hd { flex-wrap: wrap; gap: 8px; padding: 8px 14px; }
  .flower-site .ht-logo { width: auto; justify-content: flex-start; }
  .flower-site .ht-logo img { height: 46px; }
  .flower-site .menu-toggle { display: inline-flex; align-items: center; margin-left: auto; background: none; border: none; font-size: 26px; line-height: 1; color: #c1005f; cursor: pointer; padding: 4px 8px; }
  .flower-site .ht-menu { display: none; width: 100%; flex-direction: column; gap: 0; margin: 0; }
  body.nav-open .flower-site .ht-menu { display: flex; }
  .flower-site .ht-menu a { width: 100%; text-align: center; padding: 13px; border-radius: 0; border-top: 1px solid #f6dbe7; }
  .flower-site .ht-topbar { font-size: 11.5px; }
  .flower-site #grid.grid, .flower-site.ht-home .ht-catblock .grid { grid-template-columns: repeat(2, 1fr); }
  .flower-site .ht-why { grid-template-columns: repeat(2, 1fr); }
  .flower-site .ht-slider { height: 250px; }
  .flower-site .ht-slide-cap { left: 5%; right: 5%; max-width: none; padding: 16px 18px; }
  .flower-site .ht-slide-cap h2 { font-size: 26px; }
  .flower-site .ht-slide-cap p { font-size: 13px; margin-bottom: 12px; }
  .flower-site .sec-t { font-size: 22px; }
  .flower-site .cf-label { min-width: 70px; font-size: 16px; }
  .flower-site .cf-pval { min-width: 0; width: 100%; text-align: left; }
  .flower-site .pd-info h1 { font-size: 30px; }
  .flower-site .pd-price .now { font-size: 32px; }
}

/* ===== ĐIỆN THOẠI NHỎ (≤430) ===== */
@media (max-width: 430px) {
  .flower-site .ht-track .card { width: 180px; flex: 0 0 180px; }
  .flower-site .ht-slide-cap h2 { font-size: 23px; }
  .flower-site .cat-pager .pg { min-width: 36px; height: 36px; }
}