/* BENKA brand layer for the built-in Conversion template. */
.template-conversion .site-header .brand img{max-width:min(260px,100%);max-height:58px}
.template-conversion .site-nav-tree{justify-content:space-evenly}
.template-conversion .public-page-shell,
.template-conversion .public-entry-shell,
.template-conversion .public-product-shell{padding-block:64px}
.template-conversion .public-entry-body,
.template-conversion .public-product-body{line-height:1.75}
.template-conversion .public-entry-body h2,
.template-conversion .public-product-body h2{margin:1.8em 0 .65em;color:var(--ink)}
.template-conversion .content-card,
.template-conversion .product-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--theme-shadow)}
.template-conversion .vcms-section.category-only [data-layout-id="category-grid"]{counter-reset:benka-category}
.template-conversion .vcms-section.category-only [data-layout-id="category-card"]{counter-increment:benka-category;display:flex;min-width:0;min-height:100%;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--theme-shadow);overflow:hidden}
.template-conversion .vcms-section.category-only [data-layout-id="category-image"]{overflow:hidden}
.template-conversion .vcms-section.category-only [data-layout-id="category-image"] a{display:block}
.template-conversion .vcms-section.category-only [data-layout-id="category-image"] img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}
.template-conversion .vcms-section.category-only [data-layout-id="category-card"]:hover [data-layout-id="category-image"] img{transform:scale(1.035)}
.template-conversion .vcms-section.category-only [data-layout-id="category-card-body"]{position:relative;flex:1;padding:68px 30px 30px}
.template-conversion .vcms-section.category-only [data-layout-id="category-card-body"]::before{content:counter(benka-category,decimal-leading-zero);position:absolute;top:28px;left:30px;color:var(--brand);font-size:13px;font-weight:800}
.template-conversion .vcms-section.category-only [data-layout-id="category-title"]{font-size:clamp(22px,2vw,29px);font-weight:800;line-height:1.25}
.template-conversion .vcms-section.category-only [data-layout-id="category-title"] a{color:inherit;text-decoration:none}
.template-conversion .vcms-section.category-only [data-layout-id="category-summary"]{color:var(--muted);line-height:1.7}
.template-conversion .vcms-section.category-only [data-layout-id="category-action"]{margin-top:auto}
.template-conversion .vcms-section.category-only [data-layout-id="category-action"] .vcms-link{color:var(--brand);font-weight:800}
@media(max-width:800px){
  .template-conversion .site-header .brand img{max-width:190px;max-height:48px}
  .template-conversion .public-page-shell,
  .template-conversion .public-entry-shell,
  .template-conversion .public-product-shell{padding-block:40px}
}
.vcms-form-field[data-field-key="subject"],
.vcms-form-field[data-field-key="message"],
.vcms-form-field[data-field-key="email"] {
    grid-column: 1 / -1;
}
.vcms-form-submit{
	position:relative;
	padding:11px 35px 11px 22px
}
.vcms-form-submit::after{
	
  content: "\2192"; /* Unicode hexadecimal code for a right arrow (→) */
  position: absolute;
  right: -25px;      /* Positions the arrow from the right edge */
  top: 50%;
  transform: translateY(-50%); /* Centers the arrow vertically */
  
  padding:10px 42px 10px 20px;
  
}
.chrome-component-address span::before {
    content: "\1F4CD";
       display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
    margin-top: -5px;
    background: white;
    color: var(--brand);
    border-radius: 50%;
    padding: 2px 3px;
}

.chrome-component-phone a::before {
    content: "\260E";
       display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
    margin-top: -5px;
    background: white;
    color: var(--brand);
    border-radius: 50%;
    padding: 2px 5px;
}
.chrome-component-email a::before {
    content: "\1F582";
   
       display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
    margin-top: -5px;
    background: white;
    color: var(--brand);
    border-radius: 50%;
    padding: 2px 4px;
}


body .chrome-footer
.chrome-component-navigation
.site-nav-tree.site-nav-tree-flat
> .site-nav-level-0 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

body .chrome-footer
.site-nav-tree-flat
> .site-nav-level-0
> .site-nav-item {
    display: block;
    width: 100%;
}

body .chrome-footer
.site-nav-tree-flat
> .site-nav-level-0
> .site-nav-item
> a {
    display: block;
    width: fit-content;
}

body .public-entry-detail {
    width: min(1160px, calc(100% - 40px));
    max-width: none;
}

.template-conversion .vcms-section.category-only [data-layout-id="category-action"] .vcms-link
{
	    color: var(--brand-contrast);
    font-weight: 800;
    background: var(--brand);
    border: 1px solid var(--brand);
    border-radius: 5px;
    padding:7px;
}

.template-conversion .vcms-section.category-only [data-layout-id="category-action"] a.vcms-link.link::after{

    content: "\2192";
    font-weight:800;
    padding-left: 5px;
}
.chrome-taxonomy-list ul {
	padding:0
}
.chrome-taxonomy-list li{
	list-style:none;
	padding:5px 0
}
.chrome-taxonomy-list li a::before{
    padding-right: 5px;
    content: "\2197";
    font-size: 16px;
    display: inline-block;
    transition: transform 0.2s;
}


.vcms-action.button-secondary::before {
    content: "\260E";
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
    background: white;
    color: var(--brand);
    border-radius: 50%;
    padding: 2px 5px;
}
.vcms-action.button::after{
    content: "\2192";
	margin-left:5px

}

/* Card có node ngày với id kết thúc bằng "-date" */
.vcms-card > .vcms-stack:has(> [data-layout-id$="-date"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: start;
    align-items: center;
}

.vcms-card > .vcms-stack:has(> [data-layout-id$="-date"]) > * {
    grid-column: 1 / -1;
}

.vcms-card > .vcms-stack:has(> [data-layout-id$="-date"])
    > .vcms-link-node {
    grid-column: 1;
    grid-row: auto;
    margin-top: 12px;
}

.vcms-card > .vcms-stack:has(> [data-layout-id$="-date"])
    > [data-layout-id$="-date"] {
    grid-column: 2;
    grid-row: auto;
    justify-self: end;
    margin-top: 12px;
    padding: 5px 10px;
    border: 1px solid #94c9ed;
    border-radius: 5px;
    background: #e4f3ff;
    color: #17569a;
    white-space: nowrap;
}
.vcms-card > .vcms-stack:has(> [data-layout-id$="-date"])
    > [data-layout-id$="-date"]::before{
content: "\1F4C5";
	}
	
	.vcms-section.hero .vcms-section-backgrounds img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: none;
    transform: scale(1.001);
}

.vcms-section.hero .vcms-section-backgrounds img.active {
    opacity: 1;
}

/* Chỉ transition sau khi carousel đã khởi tạo */
.vcms-section.hero .vcms-section-backgrounds.is-ready.is-running img {
    transition: opacity 1.5s ease;
}
.page-layout-grid.product-detail-purchase-container{
	    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 20px;
}
.product-purchase.product-detail-purchase
{
	display:flex;
	
}

.page-layout-stack.attachment-download-cta.layout-component.layout-component-attachment-download-cta{
	display:flex;
	justify-content: flex-end;
}
.page-layout-stack.attachment-download-cta.layout-component.layout-component-attachment-download-cta a{
    /* grid-column: 1/-1; */
    /* grid-column: 1/-1; */
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    padding: .8rem 1.1rem;
    background: var(--brand,#2563eb);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: filter .2s ease,transform .2s ease;
    /* align-items: self-end; */
    /* text-align: end; */
    align-self: self-end;
}
.page-layout-stack.attachment-download-cta.layout-component.layout-component-attachment-download-cta a::before{
content: "\2B07";
    margin-right: 8px;
}

.page-layout-stack.attachment-download-cta.layout-component.layout-component-attachment-download-cta:not(:has(a))

 {
    display: none;
}

.vcms-text.text-clamp {
       line-height: 1.5em;
    height: 3em;
}