/* PATCH 06 - extracted from resources/views/pages/user/shop/show.blade.php. Static CSS only; kept for compatibility. */ .ct5-contextual-links{border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff)} .ct5-contextual-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.ct5-contextual-head h2{margin:0;font-size:22px;color:#0f172a}.ct5-contextual-head p{margin:6px 0 0;color:#64748b;line-height:1.6}.ct5-contextual-groups{display:grid;gap:16px}.ct5-contextual-group h3{margin:0 0 9px;font-size:16px;color:#334155}.ct5-contextual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct5-contextual-item{display:block;text-decoration:none;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:12px 14px;color:#0f172a}.ct5-contextual-item:hover{border-color:#93c5fd;box-shadow:0 10px 26px rgba(15,23,42,.08)}.ct5-contextual-item span{display:block;font-weight:800;line-height:1.35}.ct5-contextual-item small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:700}@media(max-width:767px){.ct5-contextual-grid{grid-template-columns:1fr}} /* PATCH UI: compact premium shop cover editor */ .ct5-shop-page .ct5-shop-cover-editor{position:absolute!important;right:18px!important;bottom:18px!important;z-index:8!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;width:260px!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.72)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 16px 38px rgba(15,23,42,.18)!important} .ct5-shop-page .ct5-shop-cover-editor label{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:10px 14px!important;border-radius:999px!important;background:#0f172a!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important} .ct5-shop-page .ct5-cover-position-box{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(248,250,252,.96)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:none!important} .ct5-shop-page .ct5-cover-position-box span{font-size:12px!important;font-weight:900!important;color:#334155!important;white-space:nowrap!important} .ct5-shop-page .ct5-cover-position-box input[type=range]{width:100%!important;min-width:0!important;accent-color:#f97316!important} .ct5-shop-page .ct5-shop-hero-editable .ct5-shop-cover:after{display:none!important;content:none!important} @media(max-width:767px){.ct5-shop-page .ct5-shop-cover-editor{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;padding:10px!important;border-radius:16px!important}.ct5-shop-page .ct5-shop-cover-editor label{padding:9px 12px!important;font-size:12px!important}.ct5-shop-page .ct5-cover-position-box{padding:7px 9px!important}} /* PATCH: keep shop contact process aligned with normal card spacing on desktop + mobile */ .ct5-shop-page .ct5-money-process{margin-left:0!important;margin-right:0!important;padding:18px!important;box-sizing:border-box!important} .ct5-shop-page .ct5-money-process .ct5-process-list{margin:12px 0 0!important;padding:0!important;width:100%!important;box-sizing:border-box!important} .ct5-shop-page .ct5-money-process .ct5-process-list li{margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important} @media(max-width:767px){.ct5-shop-page .ct5-money-process{padding:14px!important}.ct5-shop-page .ct5-money-process .ct5-process-list{margin:10px 0 0!important;padding:0!important}.ct5-shop-page .ct5-money-process .ct5-process-list li{margin-left:0!important;margin-right:0!important}} /* PATCH ONLY: shop top/bottom banners follow admin height and show on mobile */ .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height{ display:block!important; width:100%!important; max-width:100%!important; height:var(--ct5-shop-banner-height,150px)!important; min-height:var(--ct5-shop-banner-height,150px)!important; max-height:var(--ct5-shop-banner-height,150px)!important; overflow:hidden!important; border-radius:10px!important; } .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height .front-banner, .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height .front-banner-image, .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height .front-banner-script, .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height a, .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height picture, .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height img{ display:block!important; width:100%!important; max-width:100%!important; height:var(--ct5-shop-banner-height,150px)!important; min-height:var(--ct5-shop-banner-height,150px)!important; max-height:var(--ct5-shop-banner-height,150px)!important; object-fit:cover!important; overflow:hidden!important; box-sizing:border-box!important; } @media(max-width:991.98px){ .ct5-shop-page .ct5-shop-banner.ct5-shop-banner-admin-height{display:block!important;margin-left:0!important;margin-right:0!important;} } /* PATCH ONLY: mobile shop hero intro + meta align with normal left card padding */ @media(max-width:767px){ .ct5-shop-page .ct5-shop-profile-row{ grid-template-columns:86px minmax(0,1fr)!important; align-items:start!important; gap:12px!important; padding-left:14px!important; padding-right:14px!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info{ display:contents!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-status, .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info h1{ grid-column:2!important; min-width:0!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info p, .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-meta-line{ grid-column:1 / -1!important; margin-left:0!important; padding-left:0!important; width:100%!important; max-width:100%!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info p{ margin-top:8px!important; line-height:1.55!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-meta-line{ margin-top:8px!important; gap:10px!important; } } /* PATCH ONLY: compact mobile shop hero title after intro/meta left align */ @media(max-width:767px){ .ct5-shop-page .ct5-shop-profile-row{ grid-template-columns:86px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; align-items:start!important; row-gap:8px!important; padding-top:0!important; padding-bottom:16px!important; margin-top:-42px!important; } .ct5-shop-page .ct5-shop-logo-wrap{ grid-column:1!important; grid-row:1!important; align-self:start!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info{ display:contents!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-status{ display:none!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info h1{ grid-column:2!important; grid-row:1!important; align-self:center!important; margin:0!important; padding:0!important; text-align:left!important; font-size:24px!important; line-height:1.28!important; min-width:0!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info p{ grid-column:1 / -1!important; grid-row:2!important; margin:4px 0 0!important; padding:0!important; text-align:left!important; line-height:1.55!important; width:100%!important; max-width:100%!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-meta-line{ grid-column:1 / -1!important; grid-row:3!important; margin:4px 0 0!important; padding:0!important; justify-content:flex-start!important; text-align:left!important; gap:10px!important; width:100%!important; max-width:100%!important; } } /* PATCH ONLY 2026-05-17: rebuild mobile shop identity block like approved sample */ @media(max-width:767px){ .ct5-shop-page .ct5-shop-hero .ct5-shop-profile-row{ display:block!important; grid-template-columns:none!important; grid-template-rows:none!important; align-items:initial!important; gap:0!important; row-gap:0!important; column-gap:0!important; margin-top:0!important; padding:0 20px 18px!important; text-align:left!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-logo-wrap{ display:block!important; width:96px!important; height:96px!important; margin:-44px 0 0 0!important; padding:0!important; transform:none!important; z-index:4!important; position:relative!important; flex:0 0 auto!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-logo, .ct5-shop-page .ct5-shop-hero .ct5-shop-logo-wrap img, .ct5-shop-page .ct5-shop-hero .ct5-shop-logo-wrap .ct5-shop-logo{ display:block!important; width:96px!important; height:96px!important; min-width:96px!important; min-height:96px!important; max-width:96px!important; max-height:96px!important; aspect-ratio:1/1!important; border-radius:50%!important; object-fit:cover!important; object-position:center center!important; transform:none!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; text-align:left!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info .ct5-shop-status{ display:none!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info h1{ order:1!important; display:block!important; width:100%!important; margin:8px 0 0!important; padding:0!important; transform:none!important; text-align:left!important; font-size:24px!important; line-height:1.24!important; font-weight:900!important; letter-spacing:-.02em!important; color:#111827!important; max-height:none!important; overflow:visible!important; min-width:0!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info .ct5-shop-meta-line{ order:2!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important; gap:8px 18px!important; width:100%!important; max-width:100%!important; margin:9px 0 0!important; padding:0!important; text-align:left!important; font-size:15px!important; line-height:1.35!important; color:#5f6368!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info .ct5-shop-meta-line span{ display:inline-flex!important; align-items:center!important; gap:6px!important; margin:0!important; white-space:nowrap!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-info p{ order:3!important; display:block!important; width:100%!important; max-width:100%!important; margin:13px 0 0!important; padding:0!important; text-align:left!important; font-size:15.5px!important; line-height:1.55!important; color:#3f3f46!important; } .ct5-shop-page .ct5-shop-hero .ct5-shop-actions{ width:100%!important; margin-top:14px!important; } } .ct5-freshness-panel{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.ct5-freshness-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.ct5-freshness-head h2{margin:0;color:#0f172a}.ct5-freshness-head p{margin:6px 0 0;color:#475569;line-height:1.65}.ct5-freshness-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;font-size:13px;padding:8px 12px;white-space:nowrap}.ct5-freshness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.ct5-freshness-card{background:#fff;border:1px solid #bbf7d0;border-radius:16px;padding:13px}.ct5-freshness-card span{display:block;color:#16a34a;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.ct5-freshness-card strong{display:block;color:#0f172a;margin-top:4px}.ct5-freshness-card p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.ct5-activity-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ct5-activity-line span{border:1px solid #bbf7d0;background:#fff;color:#166534;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.ct5-review-empty-score strong{font-size:26px!important;line-height:1.15!important}.ct5-review-policy{display:block;margin-top:8px;color:#cbd5e1!important;font-size:13px!important;line-height:1.45!important}@media(max-width:991px){.ct5-freshness-grid{grid-template-columns:1fr 1fr}}@media(max-width:575px){.ct5-freshness-grid{grid-template-columns:1fr}.ct5-freshness-badge{white-space:normal}} /* PATCH ONLY v8: keep sticky head inside container and prevent section anchors hiding under sticky block */ .ct5-shop-page #ct5-shop-listings, .ct5-shop-page #ct5-shop-about, .ct5-shop-page #ct5-shop-overview, .ct5-shop-page #ct5-shop-coverage, .ct5-shop-page #ct5-shop-benefits, .ct5-shop-page #ct5-shop-process, .ct5-shop-page #ct5-shop-faq, .ct5-shop-page #ct5-shop-reviews{scroll-margin-top:190px!important;} @media(max-width:767px){ .ct5-shop-page #ct5-shop-listings, .ct5-shop-page #ct5-shop-about, .ct5-shop-page #ct5-shop-overview, .ct5-shop-page #ct5-shop-coverage, .ct5-shop-page #ct5-shop-benefits, .ct5-shop-page #ct5-shop-process, .ct5-shop-page #ct5-shop-faq, .ct5-shop-page #ct5-shop-reviews{scroll-margin-top:240px!important;} } /* PATCH ONLY v13: shop fixed bar only appears when customer reaches content area */ .ct5-shop-page .ct5-shop-cover{margin:0!important;padding:0!important;line-height:0!important;} .ct5-shop-page .ct5-shop-cover img{display:block!important;margin:0!important;vertical-align:bottom!important;} .ct5-shop-page .ct5-shop-sticky-customer-head{margin:0 0 16px!important;border-top:0!important;border-radius:0 0 18px 18px!important;} .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-profile-row{margin-top:0!important;padding-top:12px!important;} .ct5-shop-page .ct5-shop-fixedbar{display:none!important;} @media (min-width: 992px){ body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar, body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar.is-visible{display:block!important;} } /* PATCH ONLY v14: mobile shop fixed bar follows listing-detail behavior */ @media (max-width: 991.98px){ body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar, body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar.is-visible{display:block!important;} .ct5-shop-page #ct5StickyTabs.ct5-scrollbar{ display:block!important; position:fixed!important; top:0!important; left:0!important; right:0!important; width:100vw!important; max-width:100vw!important; margin:0!important; padding:0!important; z-index:2147483000!important; background:#fff!important; border:0!important; border-bottom:1px solid #e5e7eb!important; box-shadow:0 4px 16px rgba(15,23,42,.12)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(0,-100%,0)!important; transition:transform .18s ease, opacity .18s ease!important; } body.ct5-fixed-tabs-show .ct5-shop-page #ct5StickyTabs.ct5-scrollbar, body.ct5-fixed-tabs-show .ct5-shop-page #ct5StickyTabs.ct5-scrollbar.is-visible, body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar, body.ct5-fixed-tabs-show #ct5StickyTabs.ct5-scrollbar.is-visible{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; } #ct5StickyTabs .ct5-scrollbar-inner{ width:100%!important; max-width:100%!important; min-height:0!important; margin:0!important; padding:0 10px!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:56px 44px!important; gap:0!important; box-sizing:border-box!important; background:#fff!important; } #ct5StickyTabs .ct5-sticky-top-row{ min-width:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; border-bottom:1px solid #f1f5f9!important; } #ct5StickyTabs .ct5-mini-product{ min-width:0!important; display:flex!important; align-items:center!important; gap:8px!important; padding:6px 0!important; } #ct5StickyTabs .ct5-mini-product img{ width:42px!important; height:42px!important; flex:0 0 42px!important; border-radius:7px!important; object-fit:cover!important; } #ct5StickyTabs .ct5-mini-product strong{ max-width:calc(100vw - 78px)!important; display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:14px!important; line-height:1.2!important; font-weight:900!important; color:#111!important; } #ct5StickyTabs .ct5-mini-product span{ display:block!important; margin-top:2px!important; font-size:13px!important; line-height:1.1!important; font-weight:900!important; color:#ef3b1f!important; } #ct5StickyTabs .ct5-top-actions{display:none!important;} #ct5StickyTabs .ct5-tabs{ display:flex!important; align-items:stretch!important; justify-content:flex-start!important; gap:0!important; width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; border:0!important; background:#fff!important; -webkit-overflow-scrolling:touch!important; } #ct5StickyTabs .ct5-tabs::-webkit-scrollbar{display:none!important;} #ct5StickyTabs .ct5-tabs a{ flex:1 0 auto!important; min-width:86px!important; height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 10px!important; border-bottom:3px solid transparent!important; text-decoration:none!important; font-size:14px!important; font-weight:900!important; color:#4b5563!important; background:#fff!important; white-space:nowrap!important; } #ct5StickyTabs .ct5-tabs a.is-active, #ct5StickyTabs .ct5-tabs a:hover{ color:#111!important; border-bottom-color:#111!important; } .ct5-shop-page #ct5-shop-listings, .ct5-shop-page #ct5-shop-about, .ct5-shop-page #ct5-shop-overview, .ct5-shop-page #ct5-shop-coverage, .ct5-shop-page #ct5-shop-benefits, .ct5-shop-page #ct5-shop-process, .ct5-shop-page #ct5-shop-faq, .ct5-shop-page #ct5-shop-reviews{scroll-margin-top:112px!important;} } /* PATCH ONLY v15: tighten cover/profile spacing and align shop status with title */ .ct5-shop-page .ct5-shop-hero{margin:0!important;padding:0!important;} .ct5-shop-page .ct5-shop-cover{margin:0!important;padding:0!important;line-height:0!important;border-radius:18px 18px 0 0!important;overflow:hidden!important;} .ct5-shop-page .ct5-shop-cover img{display:block!important;margin:0!important;border-radius:18px 18px 0 0!important;vertical-align:bottom!important;} .ct5-shop-page .ct5-shop-sticky-customer-head{margin:-1px 0 16px!important;border-radius:0 0 18px 18px!important;border-top:0!important;} .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-profile-row{padding-top:12px!important;} .ct5-shop-page .ct5-shop-title-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;flex-wrap:wrap!important;} .ct5-shop-page .ct5-shop-title-line h1{margin:0!important;padding:0!important;min-width:0!important;line-height:1.22!important;} .ct5-shop-page .ct5-shop-title-line .ct5-shop-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:5px 10px!important;border-radius:999px!important;background:#ecfdf5!important;color:#15803d!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;} @media(max-width:767px){ .ct5-shop-page .ct5-shop-cover{border-radius:16px 16px 0 0!important;} .ct5-shop-page .ct5-shop-cover img{border-radius:16px 16px 0 0!important;} .ct5-shop-page .ct5-shop-sticky-customer-head{margin:-1px 0 12px!important;border-radius:0 0 16px 16px!important;} .ct5-shop-page .ct5-shop-title-line{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;} .ct5-shop-page .ct5-shop-title-line h1{order:1!important;width:100%!important;font-size:24px!important;line-height:1.24!important;} .ct5-shop-page .ct5-shop-title-line .ct5-shop-status{order:2!important;display:inline-flex!important;margin-top:0!important;} } /* PATCH ONLY v16: force mobile shop status visible under title, PC stays inline */ .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;flex-wrap:wrap!important;} .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line h1{margin:0!important;padding:0!important;min-width:0!important;line-height:1.22!important;} .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line .ct5-shop-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:5px 10px!important;border-radius:999px!important;background:#ecfdf5!important;color:#15803d!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;} @media(max-width:767px){ .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line{ grid-column:2!important; grid-row:1!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:5px!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line h1{ order:1!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; font-size:24px!important; line-height:1.22!important; text-align:left!important; } .ct5-shop-page .ct5-shop-profile-row .ct5-shop-info .ct5-shop-title-line .ct5-shop-status{ order:2!important; display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:auto!important; max-width:100%!important; margin:0!important; transform:none!important; pointer-events:auto!important; } } /* PATCH ONLY v18: ép màu thanh bar cố định giống nút shop, không phụ thuộc scope .ct5-shop-page */ #ct5StickyTabs .ct5-top-actions .ct5-top-zalo, #ct5StickyTabs .ct5-top-zalo, .ct5-fixed-tabs-show #ct5StickyTabs .ct5-top-zalo{ background:#0b74ff!important; border-color:#0b74ff!important; color:#fff!important; box-shadow:0 8px 18px rgba(11,116,255,.18)!important; } #ct5StickyTabs .ct5-top-actions .ct5-top-zalo i, #ct5StickyTabs .ct5-top-zalo i{color:#fff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-facebook, #ct5StickyTabs .ct5-top-facebook, .ct5-fixed-tabs-show #ct5StickyTabs .ct5-top-facebook{ background:#1877f2!important; border-color:#1877f2!important; color:#fff!important; box-shadow:0 8px 18px rgba(24,119,242,.16)!important; } #ct5StickyTabs .ct5-top-actions .ct5-top-facebook i, #ct5StickyTabs .ct5-top-facebook i{color:#fff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-messenger, #ct5StickyTabs .ct5-top-messenger, .ct5-fixed-tabs-show #ct5StickyTabs .ct5-top-messenger{ background:#eef5ff!important; border:1px solid #d6e6ff!important; color:#0b5ed7!important; box-shadow:none!important; } #ct5StickyTabs .ct5-top-actions .ct5-top-messenger i, #ct5StickyTabs .ct5-top-messenger i{color:#0b74ff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-call, #ct5StickyTabs .ct5-top-call, .ct5-fixed-tabs-show #ct5StickyTabs .ct5-top-call{ background:#22c55e!important; border-color:#22c55e!important; color:#fff!important; box-shadow:0 8px 18px rgba(34,197,94,.18)!important; } #ct5StickyTabs .ct5-top-actions .ct5-top-call i, #ct5StickyTabs .ct5-top-call i{color:#fff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-zalo:hover, #ct5StickyTabs .ct5-top-zalo:hover{background:#0068e8!important;border-color:#0068e8!important;color:#fff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-facebook:hover, #ct5StickyTabs .ct5-top-facebook:hover{background:#166fe5!important;border-color:#166fe5!important;color:#fff!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-messenger:hover, #ct5StickyTabs .ct5-top-messenger:hover{background:#e6f0ff!important;border-color:#c7dcff!important;color:#084fb8!important;} #ct5StickyTabs .ct5-top-actions .ct5-top-call:hover, #ct5StickyTabs .ct5-top-call:hover{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;} /* PATCH 2026-05-24: shop listing grid title readability Giảm cỡ chữ tiêu đề trong tab "Tin đang đăng", giới hạn 2 dòng và tự hiện dấu ... để card shop gọn đều card, không vỡ layout trên desktop và mobile. */ .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card{ min-width:0!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__body{ padding-top:9px!important; min-width:0!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__price{ font-size:14px!important; line-height:1.25!important; margin-bottom:6px!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title{ height:auto!important; min-height:42px!important; max-height:42px!important; margin:0 0 8px!important; font-size:14.6px!important; line-height:1.42!important; font-weight:800!important; letter-spacing:-.01em!important; display:-webkit-box!important; -webkit-line-clamp:2!important; line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:normal!important; overflow-wrap:anywhere!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title a{ color:#111827!important; text-decoration:none!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__meta, .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__location{ font-size:12.5px!important; line-height:1.35!important; } @media(max-width:1199px){ .ct5-shop-page .ct5-shop-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media(max-width:767px){ .ct5-shop-page .ct5-shop-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title{ font-size:13.2px!important; line-height:1.38!important; max-height:38px!important; -webkit-line-clamp:2!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__price{font-size:13.5px!important;} } /* PATCH 2026-05-24: PC shop tab bar shows 4 quick contact buttons like listing detail */ @media (min-width: 992px){ .ct5-shop-page .ct5-shop-tabs-customer{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:0 14px!important; overflow:visible!important; min-height:64px!important; border-radius:0!important; box-shadow:0 2px 10px rgba(15,23,42,.08)!important; border-bottom:1px solid #e5e7eb!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links{ display:flex!important; align-items:stretch!important; gap:4px!important; min-width:0!important; flex:1 1 auto!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links::-webkit-scrollbar{display:none!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links > a{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:64px!important; padding:0 14px!important; border-bottom:3px solid transparent!important; color:#4b5563!important; text-decoration:none!important; font-weight:800!important; white-space:nowrap!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links > a:hover{ color:#111827!important; border-bottom-color:#111827!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-actions{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; white-space:nowrap!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-actions .ct5-top-chat, .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-actions .ct5-top-call{ height:42px!important; border-radius:8px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:0 14px!important; text-decoration:none!important; font-size:14px!important; font-weight:900!important; white-space:nowrap!important; border:1px solid transparent!important; box-shadow:none!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-zalo{background:#0068ff!important;color:#fff!important;border-color:#0068ff!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-facebook{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-messenger{background:#f1f5ff!important;color:#0958d9!important;border-color:#dbe7ff!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-call{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-zalo:hover, .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-facebook:hover, .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-call:hover{filter:brightness(.96)!important;color:#fff!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-top-messenger:hover{background:#e8f0ff!important;color:#0958d9!important;} } @media (max-width: 991.98px){ .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-actions{display:none!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links{display:flex!important;overflow-x:auto!important;} .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links > a{padding:14px 18px!important;white-space:nowrap!important;text-decoration:none!important;} } /* PATCH 2026-05-24 v3: shop PC sticky head contact buttons like listing detail Đưa 4 nút liên hệ lên hàng trên cùng bên phải, tab nằm hàng dưới; không nhét nút vào hàng tab. */ @media (min-width: 992px){ .ct5-shop-page .ct5-shop-sticky-customer-head{ overflow:visible!important; background:#fff!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-profile-row{ display:grid!important; grid-template-columns:56px minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; min-height:76px!important; margin:0!important; padding:10px 14px!important; border-bottom:1px solid #f1f5f9!important; background:#fff!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-logo-wrap{ width:48px!important; height:48px!important; min-width:48px!important; margin:0!important; padding:0!important; position:relative!important; z-index:1!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-logo{ width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; border-radius:8px!important; border:0!important; box-shadow:none!important; display:block!important; object-fit:cover!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-info{ min-width:0!important; display:block!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-title-line{ display:block!important; min-width:0!important; margin:0!important; padding:0!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-title-line h1{ display:block!important; max-width:100%!important; margin:0 0 4px!important; padding:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:17px!important; line-height:1.25!important; font-weight:900!important; color:#111827!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-title-line .ct5-shop-status, .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-info p, .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-meta-line{ display:none!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-info:after{ content:'Liên hệ'; display:block!important; color:#e11d48!important; font-size:15px!important; line-height:1.2!important; font-weight:900!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions.ct5-side-actions-grid{ display:flex!important; grid-template-columns:none!important; grid-template-rows:none!important; grid-auto-flow:initial!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; width:auto!important; max-width:none!important; min-width:max-content!important; align-self:center!important; margin:0!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions.ct5-side-actions-grid > .ct5-social-row{ display:contents!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions.ct5-side-actions-grid .ct5-btn{ width:auto!important; min-width:126px!important; max-width:none!important; height:42px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:0 16px!important; border-radius:8px!important; border:1px solid transparent!important; box-shadow:none!important; font-size:14px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions .ct5-btn-zalo{background:#0068ff!important;color:#fff!important;border-color:#0068ff!important;} .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions .ct5-btn-facebook{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important;} .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions .ct5-btn-messenger{background:#f1f5ff!important;color:#0958d9!important;border-color:#dbe7ff!important;} .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions .ct5-btn-call, .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions .ct5-btn-call-green{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important;} .ct5-shop-page .ct5-shop-tabs-customer{ display:flex!important; align-items:center!important; justify-content:flex-start!important; min-height:52px!important; padding:0 14px!important; margin:0!important; border-top:0!important; border-bottom:0!important; box-shadow:none!important; overflow:hidden!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links{ flex:1 1 auto!important; width:100%!important; justify-content:space-between!important; overflow-x:auto!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-links > a{ min-height:52px!important; padding:0 18px!important; font-size:14px!important; font-weight:900!important; } .ct5-shop-page .ct5-shop-tabs-customer .ct5-shop-tabs-actions{ display:none!important; } } @media (min-width: 992px) and (max-width: 1220px){ .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-actions.ct5-side-actions-grid .ct5-btn{ min-width:104px!important; padding:0 12px!important; font-size:13px!important; } } .ct5-domination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ct5-domination-card{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff}.ct5-domination-card i{font-size:22px;color:#f97316}.ct5-domination-card strong{display:block;margin-top:8px;color:#0f172a}.ct5-domination-card span{display:block;margin-top:4px;color:#64748b;font-size:14px}.ct5-process-list{counter-reset:step;display:grid;gap:10px}.ct5-process-list li{list-style:none;counter-increment:step;border:1px solid #e2e8f0;border-radius:16px;padding:13px 14px;background:#f8fafc;font-weight:700}.ct5-process-list li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#0f172a;color:#fff;margin-right:10px;font-size:13px}.ct5-intent-chips{display:flex;flex-wrap:wrap;gap:10px}.ct5-intent-chips span{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:999px;padding:9px 13px;font-weight:800;font-size:14px}.ct5-trust-dominance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.ct5-trust-dominance div{background:#0f172a;color:#fff;border-radius:18px;padding:15px}.ct5-trust-dominance strong{display:block;font-size:20px}.ct5-trust-dominance span{display:block;color:#cbd5e1;font-size:13px;margin-top:4px}@media(max-width:991px){.ct5-domination-grid,.ct5-trust-dominance{grid-template-columns:1fr 1fr}}@media(max-width:575px){.ct5-domination-grid{grid-template-columns:1fr}.ct5-trust-dominance{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct5-trust-dominance div{min-height:78px;padding:12px 10px}.ct5-trust-dominance strong{font-size:18px;line-height:1.15}.ct5-trust-dominance span{font-size:12px;line-height:1.35}}.ct5-shop-edit-alert{margin:12px 0;padding:12px 14px;border-radius:14px;font-weight:700;font-size:14px}.ct5-shop-edit-success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.ct5-shop-edit-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.ct5-shop-cover,.ct5-shop-logo-wrap{position:relative}.ct5-shop-media-editor label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:0;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.18)}.ct5-shop-media-editor input[type=file]{display:none}.ct5-shop-cover-editor{position:absolute;right:16px;bottom:16px;z-index:5}.ct5-shop-cover-editor label{background:rgba(15,23,42,.82);color:#fff;border-radius:999px;padding:10px 14px;backdrop-filter:blur(8px)}.ct5-shop-logo-editor{position:absolute;right:-6px;bottom:4px;z-index:6}.ct5-shop-logo-editor label{width:38px;height:38px;justify-content:center;border-radius:999px;background:#0f172a;color:#fff;border:3px solid #fff}.ct5-shop-logo-wrap{flex:0 0 auto}.ct5-shop-hero-editable .ct5-shop-cover:after{content:'Ảnh bìa và ảnh đại diện có thể chỉnh nhanh khi đăng nhập đúng quyền';position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.9);color:#0f172a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.12)}.ct5-trust-plus{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:22px;padding:18px;margin-top:16px}.ct5-trust-plus-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.ct5-trust-plus h2{margin:0;color:#0f172a}.ct5-trust-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ct5-trust-badges span{background:#0f172a;color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.ct5-trust-plus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.ct5-trust-plus-grid div{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:13px}.ct5-trust-plus-grid strong{display:block;color:#0f172a}.ct5-trust-plus-grid span{display:block;color:#64748b;font-size:13px;margin-top:4px}.ct5-geo-unique{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}.ct5-geo-copy{color:#475569;line-height:1.7}.ct5-geo-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.ct5-geo-route-grid div{border:1px solid #fed7aa;border-radius:16px;background:#fff;padding:13px}.ct5-geo-route-grid strong{display:block;color:#9a3412}.ct5-geo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ct5-geo-chips span{background:#ffedd5;color:#9a3412;border-radius:999px;padding:8px 11px;font-weight:800;font-size:13px}.ct5-review-prominence{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:stretch;margin-bottom:16px}.ct5-review-scorebox{border-radius:20px;background:#0f172a;color:#fff;padding:18px}.ct5-review-scorebox strong{display:block;font-size:42px;line-height:1}.ct5-review-scorebox span{color:#cbd5e1}.ct5-review-stars{color:#facc15;font-size:20px;margin:8px 0}.ct5-review-trust-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct5-review-trust-notes div{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:13px}.ct5-review-trust-notes strong{display:block;color:#0f172a}.ct5-review-trust-notes span{display:block;color:#64748b;font-size:13px;margin-top:3px}@media(max-width:991px){.ct5-trust-plus-grid{grid-template-columns:1fr 1fr}.ct5-review-prominence{grid-template-columns:1fr}}@media(max-width:767px){.ct5-shop-cover-editor{right:10px;bottom:10px}.ct5-shop-cover-editor label{padding:8px 11px;font-size:12px}.ct5-shop-hero-editable .ct5-shop-cover:after{display:none}.ct5-shop-logo-editor label{width:34px;height:34px}.ct5-geo-route-grid,.ct5-review-trust-notes{grid-template-columns:1fr}}@media(max-width:575px){.ct5-trust-plus-grid{grid-template-columns:1fr}} .ct5-inline-admin-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #fb923c;background:#fff7ed;border-radius:18px;padding:12px 14px;margin:12px 0;color:#9a3412}.ct5-inline-admin-toolbar strong{font-weight:900}.ct5-inline-admin-toolbar span{font-size:13px;color:#7c2d12}.ct5-inline-admin-toolbar a{border-radius:999px;background:#fff;color:#9a3412;border:1px solid #fed7aa;font-weight:800;padding:8px 12px;text-decoration:none}.ct5-inline-admin-toolbar .ct5-admin-toolbar-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.ct5-inline-admin-toolbar .ct5-admin-edit-toggle{background:#0f172a;color:#fff;border-color:#0f172a}.ct5-inline-admin-toolbar .ct5-admin-edit-toggle.is-active{background:#dc2626;border-color:#dc2626;color:#fff}.ct5-admin-edit-inplace{margin-top:12px;border:1px dashed #fb923c;background:#fffaf5;border-radius:16px;padding:10px 12px}.ct5-admin-edit-inplace summary{cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:900;color:#c2410c}.ct5-admin-edit-inplace textarea,.ct5-admin-edit-inplace input{width:100%;border:1px solid #fed7aa;border-radius:13px;padding:10px 12px;background:#fff;color:#0f172a;font:inherit;margin-top:8px}.ct5-admin-edit-inplace small{display:block;color:#92400e;margin-top:6px}.ct5-admin-edit-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.ct5-admin-edit-actions button{border:0;border-radius:999px;background:#ea580c;color:#fff;font-weight:900;padding:9px 14px}.ct5-admin-edit-actions span{font-size:12px;color:#92400e}.ct5-inline-admin-badge{display:inline-flex;align-items:center;gap:6px;background:#0f172a;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}@media(max-width:767px){.ct5-inline-admin-toolbar a{margin-left:0}} /* PATCH UI: compact premium shop cover editor */ .ct5-shop-page .ct5-shop-cover-editor{position:absolute!important;right:18px!important;bottom:18px!important;z-index:8!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;width:260px!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.72)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 16px 38px rgba(15,23,42,.18)!important} .ct5-shop-page .ct5-shop-cover-editor label{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:10px 14px!important;border-radius:999px!important;background:#0f172a!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important} .ct5-shop-page .ct5-cover-position-box{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(248,250,252,.96)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:none!important} .ct5-shop-page .ct5-cover-position-box span{font-size:12px!important;font-weight:900!important;color:#334155!important;white-space:nowrap!important} .ct5-shop-page .ct5-cover-position-box input[type=range]{width:100%!important;min-width:0!important;accent-color:#f97316!important} .ct5-shop-page .ct5-shop-hero-editable .ct5-shop-cover:after{display:none!important;content:none!important} @media(max-width:767px){.ct5-shop-page .ct5-shop-cover-editor{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;padding:10px!important;border-radius:16px!important}.ct5-shop-page .ct5-shop-cover-editor label{padding:9px 12px!important;font-size:12px!important}.ct5-shop-page .ct5-cover-position-box{padding:7px 9px!important}} .ct5-entity-trust{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:22px;padding:18px;margin-top:16px}.ct5-entity-trust-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.ct5-entity-trust h2{margin:0;color:#0f172a}.ct5-entity-trust p{color:#475569;line-height:1.65}.ct5-entity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ct5-entity-card{background:#fff;border:1px solid #dcfce7;border-radius:18px;padding:14px}.ct5-entity-card strong{display:block;color:#0f172a}.ct5-entity-card span,.ct5-entity-card p{display:block;color:#64748b;font-size:13px;margin-top:4px}.ct5-entity-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct5-entity-identity div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px}.ct5-entity-proof-list{display:grid;gap:9px}.ct5-entity-proof-list div{border:1px solid #dcfce7;background:#f7fee7;border-radius:14px;padding:10px}.ct5-entity-freshness{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ct5-entity-freshness span{display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:#052e16;color:#dcfce7;padding:8px 11px;font-size:12px;font-weight:800}.ct5-entity-notes{margin:12px 0 0;padding-left:18px;color:#475569}.ct5-entity-notes li{margin-top:6px}@media(max-width:767px){.ct5-entity-grid,.ct5-entity-identity{grid-template-columns:1fr}.ct5-entity-trust{padding:14px}} /* PATCH ONLY v10: shop fixed quick bar follows listing-detail behavior. Normal shop identity stays under cover; fixed copy appears only after scroll. */ .ct5-shop-page .ct5-shop-sticky-customer-head{ position:relative!important; top:auto!important; z-index:10!important; background:#fff!important; border-radius:0 0 18px 18px!important; box-shadow:0 14px 34px rgba(15,23,42,.08)!important; border:1px solid rgba(226,232,240,.88)!important; border-top:0!important; margin:-1px 0 16px!important; overflow:hidden!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-profile-row{ background:#fff!important; border-radius:0!important; box-shadow:none!important; border:0!important; margin:0!important; } .ct5-shop-page .ct5-shop-sticky-customer-head .ct5-shop-tabs{ position:relative!important; top:auto!important; z-index:auto!important; margin:0!important; border-top:1px solid #eef2f7!important; border-radius:0!important; box-shadow:none!important; } .ct5-shop-fixedbar{ display:block!important; position:fixed!important; top:0!important; left:0!important; right:0!important; width:100vw!important; max-width:100vw!important; margin:0!important; padding:0!important; z-index:2147483000!important; background:#fff!important; border:0!important; border-bottom:1px solid #e5e7eb!important; box-shadow:0 4px 16px rgba(15,23,42,.12)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(0,-100%,0)!important; transition:transform .18s ease, opacity .18s ease!important; } body.ct5-shop-fixedbar-show .ct5-shop-fixedbar{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; } .ct5-shop-fixedbar-inner{ width:min(var(--w11-container,1240px),calc(100% - 32px))!important; max-width:var(--w11-container,1240px)!important; min-height:0!important; margin:0 auto!important; padding:0!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:64px 46px!important; gap:0!important; box-sizing:border-box!important; background:#fff!important; } .ct5-shop-fixedbar-top{ min-width:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; border-bottom:1px solid #f1f5f9!important; } .ct5-shop-fixedbar-identity{ min-width:0!important; display:flex!important; align-items:center!important; gap:10px!important; } .ct5-shop-fixedbar-identity img{ width:46px!important; height:46px!important; flex:0 0 46px!important; border-radius:10px!important; object-fit:cover!important; background:#f1f5f9!important; } .ct5-shop-fixedbar-identity strong{ max-width:420px!important; display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:15px!important; line-height:1.2!important; font-weight:900!important; color:#111!important; } .ct5-shop-fixedbar-identity span{ display:block!important; margin-top:2px!important; font-size:13px!important; line-height:1.2!important; color:#64748b!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:520px!important; } .ct5-shop-fixedbar-actions{ flex:0 0 auto!important; display:grid!important; grid-template-columns:repeat(4,minmax(86px,1fr))!important; gap:8px!important; } .ct5-shop-fixedbar-actions .ct5-btn{ height:38px!important; min-width:86px!important; padding:0 12px!important; border-radius:10px!important; font-size:14px!important; } .ct5-shop-fixedbar-tabs{ display:flex!important; align-items:stretch!important; gap:0!important; width:100%!important; overflow-x:auto!important; scrollbar-width:none!important; border:0!important; background:#fff!important; } .ct5-shop-fixedbar-tabs::-webkit-scrollbar{display:none!important;} .ct5-shop-fixedbar-tabs a{ flex:1 0 auto!important; min-width:92px!important; height:46px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 12px!important; border-bottom:3px solid transparent!important; text-decoration:none!important; font-size:14px!important; font-weight:900!important; color:#4b5563!important; background:#fff!important; white-space:nowrap!important; } .ct5-shop-fixedbar-tabs a.is-active, .ct5-shop-fixedbar-tabs a:hover{ color:#111!important; border-bottom-color:#111!important; } #ct5-shop-listings,#ct5-shop-about,#ct5-shop-overview,#ct5-shop-coverage,#ct5-shop-benefits,#ct5-shop-process,#ct5-shop-faq,#ct5-shop-reviews,#ct5-auto-price-policy,#ct5-auto-highlights,#ct5-auto-design,#ct5-auto-performance,#ct5-auto-technology,#ct5-auto-safety,#ct5-auto-specs{scroll-margin-top:124px!important;} @media(max-width:991px){ .ct5-shop-fixedbar-inner{width:100%!important;max-width:100%!important;padding:0 10px!important;grid-template-rows:56px 44px!important;} .ct5-shop-fixedbar-top{gap:8px!important;} .ct5-shop-fixedbar-identity img{width:42px!important;height:42px!important;flex-basis:42px!important;} .ct5-shop-fixedbar-identity strong{max-width:calc(100vw - 90px)!important;font-size:14px!important;} .ct5-shop-fixedbar-identity span{display:none!important;} .ct5-shop-fixedbar-actions{display:none!important;} .ct5-shop-fixedbar-tabs a{height:44px!important;min-width:86px!important;font-size:13px!important;padding:0 10px!important;} #ct5-shop-listings,#ct5-shop-about,#ct5-shop-overview,#ct5-shop-coverage,#ct5-shop-benefits,#ct5-shop-process,#ct5-shop-faq,#ct5-shop-reviews,#ct5-auto-price-policy,#ct5-auto-highlights,#ct5-auto-design,#ct5-auto-performance,#ct5-auto-technology,#ct5-auto-safety,#ct5-auto-specs{scroll-margin-top:108px!important;} } /* PATCH ONLY v17: đồng bộ màu 4 nút liên hệ shop theo tông màu site */ .ct5-shop-page .ct5-btn-zalo, .ct5-shop-page .ct5-top-zalo{ background:#0b74ff!important; border-color:#0b74ff!important; color:#fff!important; box-shadow:0 8px 18px rgba(11,116,255,.18)!important; } .ct5-shop-page .ct5-btn-zalo i, .ct5-shop-page .ct5-top-zalo i{color:#fff!important;} .ct5-shop-page .ct5-btn-facebook, .ct5-shop-page .ct5-top-facebook{ background:#1877f2!important; border-color:#1877f2!important; color:#fff!important; box-shadow:0 8px 18px rgba(24,119,242,.16)!important; } .ct5-shop-page .ct5-btn-facebook i, .ct5-shop-page .ct5-top-facebook i{color:#fff!important;} .ct5-shop-page .ct5-btn-messenger, .ct5-shop-page .ct5-top-messenger{ background:#eef5ff!important; border:1px solid #d6e6ff!important; color:#0b5ed7!important; box-shadow:none!important; } .ct5-shop-page .ct5-btn-messenger i, .ct5-shop-page .ct5-top-messenger i{color:#0b74ff!important;} .ct5-shop-page .ct5-btn-call, .ct5-shop-page .ct5-btn-call-green, .ct5-shop-page .ct5-top-call{ background:#22c55e!important; border-color:#22c55e!important; color:#fff!important; box-shadow:0 8px 18px rgba(34,197,94,.18)!important; } .ct5-shop-page .ct5-btn-call i, .ct5-shop-page .ct5-btn-call-green i, .ct5-shop-page .ct5-top-call i{color:#fff!important;} .ct5-shop-page .ct5-btn-zalo:hover, .ct5-shop-page .ct5-top-zalo:hover{background:#0068e8!important;border-color:#0068e8!important;color:#fff!important;} .ct5-shop-page .ct5-btn-facebook:hover, .ct5-shop-page .ct5-top-facebook:hover{background:#166fe5!important;border-color:#166fe5!important;color:#fff!important;} .ct5-shop-page .ct5-btn-messenger:hover, .ct5-shop-page .ct5-top-messenger:hover{background:#e6f0ff!important;border-color:#c7dcff!important;color:#084fb8!important;} .ct5-shop-page .ct5-btn-call:hover, .ct5-shop-page .ct5-btn-call-green:hover, .ct5-shop-page .ct5-top-call:hover{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;} /* Patch: inline content edit sát nội dung đang hiển thị */ .ct5-live-inline-edit{outline:2px dashed rgba(249,115,22,.65);outline-offset:3px;border-radius:8px;cursor:text;transition:box-shadow .15s ease, background .15s ease;} .ct5-live-inline-edit:hover,.ct5-live-inline-edit:focus{background:#fff7ed;box-shadow:0 0 0 5px rgba(249,115,22,.12);} .ct5-live-inline-edit.is-saving{opacity:.75;} .ct5-live-inline-edit.is-saved{outline-color:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12);} .ct5-live-inline-hint{display:inline-flex;align-items:center;gap:5px;margin-left:6px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:3px 7px;font-size:11px;font-weight:900;vertical-align:middle;} .ct5-inline-edit-toast{position:fixed;right:18px;bottom:18px;z-index:999999;background:#0f172a;color:#fff;border-radius:14px;padding:10px 14px;font-weight:900;box-shadow:0 16px 40px rgba(15,23,42,.25);display:none;} .ct5-inline-edit-toast.is-show{display:block;} /* SHOP LISTING GRID V16: fallback trực tiếp ở view chính, áp dụng PC + mobile. */ .ct5-shop-page #ct5-shop-listings .ct5-section-head > span{display:none!important;} .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__media, .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__image{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:1 / 1!important; overflow:hidden!important; } .ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__image img{ display:block!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; aspect-ratio:1 / 1!important; object-fit:cover!important; object-position:center center!important; } /* SHOP HEAD SYNC 2026-07-15: đồng bộ phần đầu trang shop theo listing detail. */ /* SHOP HEAD MICRO SYNC 2026-07-15: Trang listing detail có thanh đỏ sticky cao hơn một nhịp nhỏ; tăng riêng sticky header của shop + giảm page gap để banner vẫn đứng đúng mốc listing. */ .ct5-page.ct5-shop-page{ margin-top:0!important; padding-top:5px!important; background:#f5f5f5!important; } @media(min-width:992px){ body.ct5-shop-detail-page .header-wow-sticky, body.ct5-shop-detail-page .header-wow-sticky.header-wow-sticky-active{ height:52px!important; min-height:52px!important; } body.ct5-shop-detail-page .header-wow-sticky .row, body.ct5-shop-detail-page .header-wow-sticky-list{ height:57px!important; min-height:57px!important; } } .ct5-shop-page .ct5-container{ box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height{ position:relative!important; z-index:1!important; clear:both!important; display:block!important; width:100%!important; max-width:100%!important; margin:0 0 12px!important; padding:0!important; border:0!important; border-radius:12px!important; overflow:hidden!important; background:#fff!important; box-shadow:none!important; line-height:0!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner-image, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner-script, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height a, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height picture, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height img{ display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:12px!important; background:#fff!important; line-height:0!important; vertical-align:bottom!important; overflow:hidden!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height img{ object-fit:cover!important; object-position:center center!important; } .ct5-shop-page .ct5-container > .ct5-breadcrumb{ display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:0 0 12px!important; padding:0!important; clear:both!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; scrollbar-width:none!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-breadcrumb::-webkit-scrollbar{display:none!important;} .ct5-shop-page .ct5-container > .alo-aff-slot[data-aff-slot="shop.home.after_info"]{ width:100%!important; max-width:100%!important; margin:0 0 14px!important; padding:0!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; max-width:100%!important; margin:0 0 14px!important; padding:12px 14px!important; border:1px solid #fde68a!important; border-radius:16px!important; background:#fffbeb!important; color:#92400e!important; box-shadow:0 10px 24px rgba(245,158,11,.08)!important; box-sizing:border-box!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar strong{ display:block!important; color:#92400e!important; font-size:14px!important; line-height:1.35!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar span{ display:block!important; color:#78350f!important; font-size:12px!important; margin-top:2px!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar .ct5-admin-toolbar-actions{ margin-left:auto!important; display:flex!important; gap:8px!important; flex-wrap:wrap!important; justify-content:flex-end!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:36px!important; padding:0 12px!important; border-radius:999px!important; text-decoration:none!important; font-weight:900!important; font-size:13px!important; border:1px solid #f59e0b!important; background:#fff!important; color:#92400e!important; white-space:nowrap!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar a.ct5-admin-edit-toggle.is-active{ background:#92400e!important; color:#fff!important; border-color:#92400e!important; } .ct5-shop-page .ct5-container > .ct5-video-admin-panel{ width:100%!important; max-width:100%!important; margin:0 0 18px!important; box-sizing:border-box!important; } @media(min-width:992px){ .ct5-shop-page .ct5-container{ width:min(1280px, calc(100% - 32px))!important; max-width:1280px!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } } @media(max-width:991.98px){ .ct5-page.ct5-shop-page{padding-top:5px!important;} .ct5-shop-page .ct5-container{ display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-width:100%!important; padding-left:8px!important; padding-right:8px!important; padding-top:0!important; } .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height{ order:-40!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 0 12px!important; border-radius:12px!important; } .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner-image, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height .front-banner-script, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height a, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height picture, .ct5-shop-page .ct5-container > .ct5-shop-banner-top.ct5-shop-banner-admin-height img{ border-radius:12px!important; } .ct5-shop-page .ct5-container > .ct5-breadcrumb{ order:-35!important; margin:0 0 12px!important; padding:9px 10px!important; background:#fff!important; border-radius:10px!important; border:0!important; } .ct5-shop-page .ct5-container > .alo-aff-slot[data-aff-slot="shop.home.after_info"]{ order:-30!important; margin:0 0 14px!important; } .ct5-shop-page .ct5-container > .ct5-shop-edit-alert{ order:-28!important; margin:0 0 12px!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar{ order:-25!important; align-items:flex-start!important; flex-direction:column!important; margin:0 0 14px!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar .ct5-admin-toolbar-actions{ margin-left:0!important; width:100%!important; justify-content:flex-start!important; } .ct5-shop-page .ct5-container > .ct5-inline-admin-toolbar a{ flex:1 1 auto!important; min-width:0!important; } .ct5-shop-page .ct5-container > .ct5-video-admin-panel{ order:-24!important; margin:0 0 18px!important; } .ct5-shop-page .ct5-container > .ct5-shop-hero{ order:-20!important; } }