/* V5 - cập nhật danh mục / sản phẩm thực tế; không chạm Mục 1 và hai banner đã chốt */
.product-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;position:relative}
.product-card-prices{color:#154c35;font-size:clamp(15px,1.5vw,20px);font-weight:700;letter-spacing:.1px;margin-top:5px;line-height:1.45}
.product-card-link{display:inline-block;color:#6b826a;font-size:12px;font-weight:650;margin-top:8px;padding-bottom:4px}
.product-card:hover .product-card-link,.product-card:focus-visible .product-card-link{color:#105638;text-decoration:underline}
.product-card:focus-visible{outline:3px solid #87a56a;outline-offset:4px}
#san-pham .approved-product-shell .product-card h3{min-height:initial;margin:10px 0 3px;}
#san-pham .approved-product-shell .product-card h3:after{display:none}
#san-pham .approved-product-shell .product-card{min-width:0}
.content-page.products{background:linear-gradient(140deg,#fffefa 0%,#f6faef 47%,#fffdfa 100%);padding-bottom:92px}
.content-page.products .section-heading{margin:20px 0 35px;text-align:center}
.content-page.products .section-heading h1{color:#164630;font-size:clamp(36px,4.2vw,54px);margin:10px 0 13px}
.content-page.products .section-heading p{color:#6a7b6d;max-width:650px;margin:auto}
.content-page.products .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.content-page.products .product-card{padding:18px 14px 23px;border-radius:18px;background:#fff;box-shadow:0 10px 25px #1e4a2310;border:1px solid #e1e8d8;transition:transform .2s,box-shadow .2s}
.content-page.products .product-card:hover{transform:translateY(-5px);box-shadow:0 15px 27px #1e4a2321}
.content-page.products .product-photo{height:270px;display:grid;place-items:center;background:#fffdfa;border-radius:13px;width:100%;overflow:hidden}
.content-page.products .product-photo img{height:95%;width:95%;max-height:none;max-width:none;object-fit:contain}
.content-page.products .product-card h3{font-size:21px;line-height:1.3;min-height:55px;margin:19px 0 3px;color:#123f2c;display:grid;place-items:center}
.content-page.products .product-card h3:after{display:none}
.content-page.products .product-card-prices{font-size:17px;margin:4px 0 2px}
.content-page.products .product-card-link{font-size:12px}
.single-choice{font-size:13px;color:#61796a;margin:-8px 0 4px}
#size-choice .single-choice{padding:6px 0}
@media(max-width:1030px){
 .content-page.products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .content-page.products .product-photo{height:230px}
}
@media(max-width:700px){
 #san-pham .approved-product-shell .product-card .product-card-prices{font-size:17px}
 #san-pham .approved-product-shell .product-card h3{font-size:18px}
 #san-pham .approved-product-shell .product-card .product-card-link{font-size:11px}
 .content-page.products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .content-page.products .product-card{padding:10px 8px 16px}
 .content-page.products .product-photo{height:168px}
 .content-page.products .product-card h3{font-size:16px;line-height:1.28;min-height:52px;margin:11px 0 0}
 .content-page.products .product-card-prices{font-size:14px;min-height:40px;display:flex;align-items:center}
 .content-page.products .product-card-link{font-size:11px;margin-top:3px}
}
@media(max-width:370px){
 .content-page.products .product-grid{gap:8px}
 .content-page.products .product-photo{height:145px}
 .content-page.products .product-card h3{font-size:15px}
}

/* Keep entire original product photographs within each card (no cropping or stretching) */
.content-page.products .product-photo img{
 width:auto; height:auto; max-width:94%; max-height:94%;
 object-fit:contain; object-position:center;
}
#san-pham .approved-product-shell .product-photo img{
 width:auto; height:auto; max-width:94%; max-height:94%;
 object-fit:contain; object-position:center;
}

/* pixel-safe viewport for original packaging: absolute containing box prevents implicit image growth */
.content-page.products .product-photo{position:relative}
.content-page.products .product-photo img{
position:absolute;top:5%;left:5%;height:90%;width:90%;min-width:0;
max-height:none;max-width:none;object-fit:contain;object-position:center;
}
#san-pham .approved-product-shell .product-photo{position:relative}
#san-pham .approved-product-shell .product-photo img{
position:absolute;top:4%;left:4%;height:92%;width:92%;
max-height:none;max-width:none;object-fit:contain;object-position:center
}
