/* Chu Lala · trang chủ phương án A "Bìa thương hiệu" · 16/10/2026 · mọi bộ chọn bắt đầu bằng .pa-a */
.pa-a{--a-g:var(--wp--preset--color--xanh-chu);--a-gd:var(--wp--preset--color--xanh-chu-dam);--a-n:var(--wp--preset--color--xanh-ngoc);--a-l:var(--wp--preset--color--la-nhat);--a-h:var(--wp--preset--color--hong);--a-hn:var(--wp--preset--color--hong-nhat);--a-v:var(--wp--preset--color--vang);--a-k:var(--wp--preset--color--kem);--a-d:var(--wp--preset--color--den);--a-w:var(--wp--preset--color--trang);--a-r:clamp(1.5rem,4vw,3rem);--a-c:clamp(1.25rem,3vw,2rem);--a-y:clamp(4rem,8vw,6.5rem);overflow-x:hidden;overflow-x:clip;font-size:1.0625rem;line-height:1.65}
.pa-a h1,.pa-a h2,.pa-a h3{margin:0;font-weight:700;text-wrap:balance}
/* khoi: tam bia xep len nhau, goc tren bo lon */
.pa-a .wp-block-group.pa-a-k{position:relative;box-sizing:border-box;margin:calc(var(--a-r)*-1) 0 0;padding:calc(var(--a-y) + var(--a-r)) 1.25rem var(--a-y);border-radius:var(--a-r) var(--a-r) 0 0;overflow-x:clip}
.pa-a .pa-a-in{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto}
.pa-a .pa-a-toi{color:var(--a-k)}
.pa-a .pa-a-dong{display:flex;flex-direction:column;gap:1rem}
.pa-a .pa-a-dong>*{margin:0}
.pa-a .pa-a-dong>:where(p){max-width:42rem}
.pa-a .pa-a-dong>:is(.pa-a-tin,.pa-a-luoi,.pa-a-10,.pa-a-nls,.pa-a-vui,.pa-a-buoc,.pa-a-sp,.pa-a-sap){margin-top:1rem}
.pa-a .pa-a-nhan{align-self:flex-start;padding:.3rem 1rem;border-radius:999px;background:var(--a-gd);color:var(--a-hn);font-size:1rem;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.pa-a .pa-a-toi .pa-a-nhan{background:var(--a-v);color:var(--a-gd)}
.pa-a .pa-a-h2{color:var(--a-gd);font-size:clamp(1.75rem,1rem + 3.6vw,3.5rem);line-height:1.1;letter-spacing:-.01em}
.pa-a .pa-a-toi .pa-a-h2,.pa-a .pa-a-h1{color:var(--a-hn)}
.pa-a .pa-a-dan{font-size:clamp(1.0625rem,1rem + .4vw,1.25rem)}
.pa-a .pa-a-to{padding:.05em .3em;border-radius:.4em;background:var(--a-v);color:var(--a-gd);font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pa-a .pa-a-toi a:not(.wp-block-button__link){color:var(--a-hn)}
.pa-a .pa-a-toi a:not(.wp-block-button__link):hover{color:var(--a-v)}
/* nut chinh: vang, bong cung mau hong */
.pa-a .pa-a-nut .wp-block-button__link{min-height:3.5rem;padding:.9rem 2rem;border-color:var(--a-v);background:var(--a-v);color:var(--a-gd);font-size:1.125rem;box-shadow:.3rem .3rem 0 var(--a-h)}
.pa-a .pa-a-nut .wp-block-button__link:hover{border-color:var(--a-hn);background:var(--a-hn);color:var(--a-gd);box-shadow:.1rem .1rem 0 var(--a-h);transform:translate(.2rem,.2rem)}
.pa-a .pa-a-dong>.pa-a-nut{margin-top:.5rem}
.pa-a .pa-a-b8 .wp-block-button .wp-block-button__link{min-height:3.5rem;padding-inline:2rem;border-width:.1875rem}
.pa-a .pa-a-the .wp-block-buttons,.pa-a .pa-a-o .wp-block-buttons,.pa-a .pa-a-tx .wp-block-buttons{margin-top:auto}
/* man hinh dau */
.pa-a .pa-a-k.pa-a-hero{display:flex;align-items:center;min-height:34rem;min-height:min(88svh,46rem);margin-top:0;padding:6rem 1.25rem 6.75rem;border-radius:0;background-image:radial-gradient(circle at 82% 22%,var(--a-g),transparent 58%)}
.pa-a .pa-a-h1{max-width:min(100%,58rem);font-size:clamp(2.5rem,.8rem + 7.8vw,5.5rem);line-height:1.04;letter-spacing:-.02em}
.pa-a .pa-a-phu{max-width:36rem;color:var(--a-l);font-size:clamp(1.0625rem,1rem + .45vw,1.375rem)}
.pa-a .pa-a-lk{color:var(--a-l)}
.pa-a .pa-a-lk a{display:inline-block;padding:.65rem 0}
.pa-a .pa-a-tin{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;list-style:none}
.pa-a .pa-a-tin li{display:flex;align-items:center;gap:.75rem;margin:0;padding:.5rem 1rem;border:.125rem solid var(--a-hn);border-radius:999px;color:var(--a-hn);font-weight:700;line-height:1.35}
.pa-a .pa-a-tin li::before{content:"";flex:none;width:1.125rem;height:1.125rem;background:var(--a-v);-webkit-mask:var(--cl-la) center/contain no-repeat;mask:var(--cl-la) center/contain no-repeat}
/* hinh dan: xoay nhe, vien kem nhu sticker cat roi */
.pa-a .pa-a-sticker{position:absolute;z-index:2;width:var(--w,6rem);max-width:100%;height:auto;aspect-ratio:1;margin:0;object-fit:contain;transform:rotate(var(--r,0deg));filter:drop-shadow(.18rem 0 0 var(--a-k)) drop-shadow(-.18rem 0 0 var(--a-k)) drop-shadow(0 .18rem 0 var(--a-k)) drop-shadow(0 -.18rem 0 var(--a-k));pointer-events:none}
.pa-a .pa-a-s1{--w:clamp(5.5rem,22vw,8.5rem);--r:12deg;top:1.25rem;right:1rem}
.pa-a .pa-a-s2{--w:clamp(3.75rem,15vw,6.5rem);--r:-14deg;bottom:1.25rem;right:1.5rem}
.pa-a .pa-a-s3{--w:clamp(3.75rem,15vw,6.5rem);--r:10deg;bottom:1.5rem;left:1.25rem}
.pa-a .pa-a-s4{--w:clamp(3.25rem,13vw,5.5rem);--r:-8deg;top:2.5rem;left:1.25rem}
.pa-a .pa-a-bt{display:block;width:3.75rem;height:3.75rem;object-fit:contain;transform:rotate(var(--r,0deg))}
/* bang chay logo: dai lien, khong gap de lap khit */
.pa-a .pa-a-bang{overflow:hidden;background:var(--a-l)}
.pa-a .pa-a-bang-day{display:flex;width:max-content}
.pa-a .pa-a-bang-day img{display:block;flex:none;width:auto;max-width:none;height:clamp(3.25rem,6.5vw,5rem)}
.pa-a .pa-a-bang+.pa-a-k{margin-top:0;padding-top:var(--a-y);border-radius:0}
/* hai cot, anh */
.pa-a .pa-a-cot{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center}
.pa-a .pa-a-cot>*,.pa-a .pa-a-b3>*,.pa-a .pa-a-b10>*{margin:0;min-width:0}
.pa-a .pa-a-anh{--sh:var(--a-hn)}
.pa-a .pa-a-toi .pa-a-anh{--sh:var(--a-h)}
.pa-a .has-xanh-ngoc-background-color .pa-a-anh{--sh:var(--a-v)}
.pa-a .pa-a-anh img,.pa-a .pa-a-vui img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--a-r);box-shadow:.625rem .625rem 0 var(--sh,var(--a-v))}
.pa-a .pa-a-b11 .pa-a-anh img{aspect-ratio:1942/846}
.pa-a .pa-a-vui{align-self:center;width:min(100%,26rem)}
.pa-a .pa-a-vui figcaption{margin:1rem 0 0;color:var(--a-gd);font-size:1rem;text-align:center}
.pa-a .pa-a-nho{color:var(--a-l);font-size:1rem}
/* cai ten */
.pa-a .pa-a-b3,.pa-a .pa-a-b10{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.pa-a .pa-a-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.25rem;border-radius:var(--a-r);background:var(--a-gd);color:var(--a-k);text-align:center}
.pa-a .pa-a-logo>p{margin:0}
.pa-a .pa-a-l1{color:var(--a-hn);font-size:clamp(3rem,1.5rem + 6.4vw,5.5rem);font-weight:700;line-height:1}
.pa-a .pa-a-l2{font-size:1.125rem}
.pa-a .pa-a-l3{padding:.1em .55em .15em;border-radius:.6em;background:var(--a-v);color:var(--a-gd);font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);font-weight:700;line-height:1.2;transform:rotate(-3deg)}
.pa-a .pa-a-luu-y{padding:1rem 1.25rem;border-left:.5rem solid var(--a-gd);border-radius:1rem;background:var(--a-w)}
.pa-a .pa-a-luu-y p{margin:0;color:var(--a-gd);font-weight:700}
/* luoi the: tinh than, loi hen */
.pa-a .pa-a-luoi{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:stretch}
.pa-a .pa-a-the,.pa-a .pa-a-o{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:var(--a-c);background:var(--a-k)}
.pa-a .pa-a-the>*,.pa-a .pa-a-o>*{margin:0}
.pa-a .pa-a-the h3,.pa-a .pa-a-o h3{color:var(--a-gd);font-size:clamp(1.25rem,1.1rem + .7vw,1.5rem)}
.pa-a .pa-a-the:nth-child(2){background:var(--a-hn)}
.pa-a .pa-a-the:nth-child(3){background:var(--a-n)}
.pa-a .pa-a-the:nth-child(4){background:var(--a-w)}
.pa-a .pa-a-10{padding:clamp(1.5rem,4vw,3rem);border-radius:var(--a-r);background:var(--a-gd);color:var(--a-k)}
.pa-a .pa-a-10 h3{color:var(--a-hn);font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem)}
.pa-a .pa-a-4o{counter-reset:o}
.pa-a .pa-a-o::before{counter-increment:o;content:counter(o);display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--a-gd);color:var(--a-v);font-size:1.5rem;font-weight:700;line-height:1}
.pa-a .pa-a-o1{background:var(--a-v)}
.pa-a .pa-a-o2{background:var(--a-n)}
.pa-a .pa-a-o3{background:var(--a-hn)}
.pa-a .pa-a-o4{background:var(--a-gd);color:var(--a-k)}
.pa-a .pa-a-o4 h3{color:var(--a-hn)}
.pa-a .pa-a-o4::before{background:var(--a-v);color:var(--a-gd)}
/* nguyen lieu */
.pa-a .pa-a-nls{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:stretch}
.pa-a .pa-a-nl{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;overflow:hidden;border-radius:var(--a-r);background:var(--a-w)}
.pa-a .pa-a-nl>*{margin:0}
.pa-a .pa-a-mc{background:var(--a-hn)}
.pa-a .pa-a-nl img{display:block;width:100%;height:auto;aspect-ratio:1810/816;object-fit:cover;border-radius:calc(var(--a-r) - .75rem)}
.pa-a .pa-a-tx{flex:1;padding:.75rem 1rem 1rem}
.pa-a .pa-a-nl h3{color:var(--a-gd);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
/* tu cong thuc toi chai tren ke */
.pa-a .pa-a-buoc{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:stretch;margin:0;padding:0;list-style:none;counter-reset:b}
.pa-a .pa-a-buoc li{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:1.5rem;border-radius:var(--a-c);background:var(--a-k);color:var(--a-d);counter-increment:b}
.pa-a .pa-a-buoc li::before{content:counter(b);display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--a-h);color:var(--a-d);font-size:1.5rem;font-weight:700;line-height:1}
.pa-a .pa-a-buoc strong{color:var(--a-gd);font-size:1.25rem}
/* san pham: anh vuong nen trang, ten va gia can giua */
.pa-a .pa-a-b8 .pa-a-dong{text-align:center}
.pa-a .pa-a-b8 .pa-a-dong>*{align-self:center}
.pa-a .pa-a-b8 .pa-a-dong>:is(.pa-a-sp,.pa-a-sap){width:100%;max-width:46rem}
.pa-a .pa-a-sp .wc-block-product-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch;margin:0;padding:0;list-style:none}
.pa-a .pa-a-sp .wc-block-product{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:auto;margin:0;padding:.875rem .875rem 1.25rem;border-radius:var(--a-c);background:var(--a-hn);text-align:center}
.pa-a .pa-a-sp .wc-block-product:nth-child(2){background:var(--a-n)}
.pa-a .pa-a-sp .wc-block-components-product-image{aspect-ratio:1/1;overflow:hidden;border-radius:1rem;background:var(--a-w)}
.pa-a .pa-a-sp .wc-block-components-product-image a{display:block;height:100%}
.pa-a .pa-a-sp .wc-block-components-product-image img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.pa-a .pa-a-sp .wp-block-post-title{margin:0!important;line-height:1.35;text-align:center}
.pa-a .pa-a-sp .wp-block-woocommerce-product-price{margin:0;text-align:center}
.pa-a .pa-a-sp .wp-block-woocommerce-product-button{margin-top:auto}
.pa-a .pa-a-sap{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border:.1875rem dashed var(--a-gd);border-radius:var(--a-c);background:var(--a-l)}
.pa-a .pa-a-sap>*{margin:0}
.pa-a .pa-a-sap .pa-a-nhan{align-self:center}
.pa-a .pa-a-sap p:not(.pa-a-nhan){font-size:1rem}
/* hoi nhanh */
.pa-a .pa-a-hoi{display:flex;flex-direction:column;gap:.875rem}
.pa-a .pa-a-hoi>*{margin:0}
.pa-a .pa-a-hoi .wp-block-details{padding:.25rem 1.25rem;border:0;border-radius:var(--a-c);background:var(--a-w)}
.pa-a .pa-a-hoi .wp-block-details[open]{background:var(--a-k)}
.pa-a .pa-a-hoi summary{min-height:3.5rem;color:var(--a-gd);font-size:1.0625rem}
/* dien thoai */
@media (max-width:599px){.pa-a .pa-a-nut,.pa-a .pa-a-nut .wp-block-button,.pa-a .pa-a-nut .wp-block-button__link{width:100%}.pa-a .pa-a-sticker[style]{margin-right:1.5rem}}
@media (min-width:640px){.pa-a .pa-a-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:700px){.pa-a .pa-a-buoc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:800px){.pa-a .pa-a-nls{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* may tinh */
@media (min-width:900px){
.pa-a .pa-a-k.pa-a-hero{--e:max(1.25rem,calc(50% - 37.5rem));padding-block:5rem}
.pa-a .pa-a-s1{--w:clamp(10rem,17vw,15rem);top:12%;right:calc(var(--e) + .5rem)}
.pa-a .pa-a-s2{--w:clamp(7rem,11vw,10rem);bottom:14%;right:calc(var(--e) + 12rem)}
.pa-a .pa-a-s3{--w:clamp(6.5rem,9.5vw,9rem);bottom:12%;left:auto;right:calc(var(--e) + 2.5rem)}
.pa-a .pa-a-s4{--w:clamp(5rem,7vw,7rem);top:46%;left:auto;right:calc(var(--e) + 15rem)}
.pa-a .pa-a-cot{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 4rem}
.pa-a .pa-a-anh{transform:rotate(1.5deg)}
.pa-a .pa-a-dao>.pa-a-anh{order:-1;transform:rotate(-1.5deg)}
.pa-a .pa-a-b3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"h l" "b l";grid-template-rows:auto 1fr;gap:1.5rem 4rem;align-items:start}
.pa-a .pa-a-b3h{grid-area:h}
.pa-a .pa-a-b3b{grid-area:b}
.pa-a .pa-a-logo{grid-area:l;align-self:center}
.pa-a .pa-a-b10{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem 4rem;align-items:start}
}
@media (min-width:1100px){.pa-a .pa-a-luoi,.pa-a .pa-a-buoc{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* chuyen dong: chi khi khach khong tat hieu ung */
@media (prefers-reduced-motion:no-preference){
@keyframes pa-a-lac{50%{transform:rotate(calc(var(--r,0deg) + 9deg)) scale(1.05)}}
@keyframes pa-a-chay{to{transform:translateX(-16.6667%)}}
.pa-a .pa-a-sticker{animation:pa-a-lac 7s ease-in-out infinite}
.pa-a .pa-a-s2,.pa-a .pa-a-s4{animation-delay:-3s}
.pa-a .pa-a-bang-day{animation:pa-a-chay 22s linear infinite}
.pa-a .pa-a-bang:hover .pa-a-bang-day{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.pa-a *{animation:none!important;transition:none!important}}
/* 17/10/2026: muối da đầu mở bán, lưới có 3 sản phẩm */
.pa-a .pa-a-sp .wc-block-product:nth-child(3){background:var(--a-hn)}
.pa-a .pa-a-sp .wc-block-product:nth-child(3):last-child{grid-column:1 / -1;justify-self:center;width:calc((100% - 1rem) / 2)}
@media (min-width:900px){.pa-a .pa-a-sp .wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-a .pa-a-sp .wc-block-product:nth-child(3):last-child{grid-column:auto;width:auto}}