/* Product section art direction, 27 September 2026. */
#san-pham.product-section{position:relative;isolation:isolate;overflow:hidden;padding:100px 0;background:radial-gradient(circle at 7% 9%,#fffefa 0%,transparent 39%),radial-gradient(circle at 93% 87%,#f0dca877,transparent 37%),#f7f3ea;color:#123b64}
#san-pham.product-section::before{content:"";position:absolute;width:800px;height:800px;border:1px solid #d8c7a957;border-radius:50%;right:-420px;top:-390px;box-shadow:0 0 0 90px #c4ab7e0d,0 0 0 210px #c4ab7e08;pointer-events:none}
#san-pham .product-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;gap:20px}
#san-pham .product-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:650px;padding:43px 43px 38px;margin:0;border:1px solid #eadfc9;border-radius:28px;overflow:hidden;background:#082b57;box-shadow:0 25px 50px #6e563527}
#san-pham .product-intro>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:61% center;margin:0;opacity:1;filter:none;z-index:-2}
#san-pham .product-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#061e45ed 0%,#082d60c9 37%,#092b5142 59%,#092b5126 100%);pointer-events:none}
#san-pham .product-intro::after{display:none}
#san-pham .product-intro .eyebrow{position:relative;z-index:2;margin:0 0 23px;color:#f2d991;letter-spacing:2px}
#san-pham .product-intro h2{position:relative;z-index:2;color:#fff;font-size:clamp(47px,4vw,65px);font-weight:750;line-height:1.08;letter-spacing:-2.7px;max-width:480px;margin:0}
#san-pham .product-intro h2 em{color:#f5d890}
#san-pham .product-intro>p:not(.eyebrow){position:relative;z-index:2;color:#f0f6fa;max-width:370px;font-size:14px;line-height:1.7;margin:22px 0 0}
#san-pham .product-intro>.text-link{position:relative;z-index:2;color:#ffe3a2;font-size:12px;font-weight:750;margin-top:25px}
#san-pham .product-intro>.text-link:hover{color:#fff2d2}
#san-pham .product-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0;padding:0}
#san-pham .product-features article,#san-pham .product-features article:first-child,#san-pham .product-features article:last-child,#san-pham .product-features article:nth-child(2){position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;margin:0;padding:29px;border:1px solid #e8dfcf;border-radius:24px;background:linear-gradient(145deg,#fffefa,#f3eee4);color:#123b64;box-shadow:0 10px 26px #6e56351a}
#san-pham .product-features article::before{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-83px;top:-90px;border:1px solid currentColor;border-radius:50%;opacity:.12;box-shadow:0 0 0 36px #ffffff29,0 0 0 80px #ffffff16;pointer-events:none}
#san-pham .product-features article:nth-child(2){background:linear-gradient(135deg,#fff4d1,#ead08c);border-color:#e8d29c;color:#123b64}
#san-pham .product-features article:nth-child(3){background:linear-gradient(135deg,#f0f8fb,#dcecf2);border-color:#d5e7ed;color:#123b64}
#san-pham .product-features article:nth-child(4){background:linear-gradient(135deg,#fffdf9,#eee6d8);border-color:#e5d8c4;color:#123b64}
#san-pham .product-features .round-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;margin:0 0 auto;border:1px solid #d6d8d4;border-radius:16px;background:#ffffffc9;color:inherit}
#san-pham .product-features article:nth-child(2) .round-icon{background:#fff8e3;border-color:#e8d29c}
#san-pham .product-features .round-icon svg{width:23px;height:23px}
#san-pham .product-features article>div{width:100%;position:relative;z-index:1}
#san-pham .feature-kicker{font-size:10px;font-weight:800;letter-spacing:1.55px;color:inherit;opacity:.72}
#san-pham .product-features h3{font-size:clamp(19px,1.8vw,25px);font-weight:750;line-height:1.22;letter-spacing:-.7px;margin:11px 0 10px;color:inherit}
#san-pham .product-features h3 strong{font-size:clamp(34px,3vw,48px);font-weight:800;letter-spacing:-1.8px;line-height:1}
#san-pham .product-features h3 span{font-size:17px;color:inherit}
#san-pham .product-features p{font-size:12px;line-height:1.55;color:inherit;opacity:.83;max-width:none}

@media(max-width:1100px){
 #san-pham .product-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
 #san-pham .product-intro{min-height:615px;padding:31px}
 #san-pham .product-intro h2{font-size:clamp(40px,4vw,52px)}
 #san-pham .product-features{gap:12px}
 #san-pham .product-features article,#san-pham .product-features article:first-child,#san-pham .product-features article:last-child,#san-pham .product-features article:nth-child(2){padding:22px}
 #san-pham .product-features h3 strong{font-size:36px}
}
@media(max-width:900px){
 #san-pham.product-section{padding:75px 0}
 #san-pham .product-layout{display:block}
 #san-pham .product-intro{min-height:470px;margin-bottom:17px;padding:35px;background:linear-gradient(90deg,#082c5c,#155c8c)}
 #san-pham .product-intro>img{left:auto;right:0;width:53%;object-position:75% center}
 #san-pham .product-intro::before{background:linear-gradient(90deg,#082b59 0%,#082b59f0 39%,#082b59b8 57%,transparent 83%)}
 #san-pham .product-intro h2{font-size:50px;max-width:400px}
 #san-pham .product-intro>p:not(.eyebrow){max-width:360px}
 #san-pham .product-features{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:15px}
 #san-pham .product-features article,#san-pham .product-features article:first-child,#san-pham .product-features article:last-child,#san-pham .product-features article:nth-child(2){min-height:275px;padding:25px}
}
@media(max-width:700px){
 #san-pham.product-section{padding:59px 0}
 #san-pham .product-intro{min-height:570px;padding:28px;margin-bottom:13px}
 #san-pham .product-intro>img{left:0;right:auto;width:100%;object-position:58% center}
 #san-pham .product-intro::before{background:linear-gradient(180deg,#061e45f5 0%,#082d60df 40%,#092b5140 61%,#092b5100 100%)}
 #san-pham .product-intro .eyebrow{margin-bottom:18px;font-size:10px}
 #san-pham .product-intro h2{font-size:40px;letter-spacing:-1.8px;max-width:340px}
 #san-pham .product-intro>p:not(.eyebrow){font-size:12px;max-width:295px;margin-top:17px}
 #san-pham .product-intro>.text-link{font-size:11px;margin-top:18px}
 #san-pham .product-features{grid-template-columns:1fr;gap:11px}
 #san-pham .product-features article,#san-pham .product-features article:first-child,#san-pham .product-features article:last-child,#san-pham .product-features article:nth-child(2){min-height:187px;padding:20px 21px;border-radius:20px}
 #san-pham .product-features .round-icon{width:42px;height:42px;border-radius:12px;margin-bottom:10px}
 #san-pham .product-features .round-icon svg{width:20px;height:20px}
 #san-pham .feature-kicker{font-size:9px}
 #san-pham .product-features h3{font-size:21px;margin:6px 0}
 #san-pham .product-features h3 strong{font-size:34px}
 #san-pham .product-features h3 span{font-size:14px}
 #san-pham .product-features p{font-size:11px;line-height:1.5}
}
@media(max-width:374px){
 #san-pham .product-intro{min-height:575px;padding:25px}
 #san-pham .product-intro h2{font-size:37px}
 #san-pham .product-intro>p:not(.eyebrow){max-width:265px}
}