/* Viean: clear product browsing, with navigation at the top. */
html{scroll-padding-top:82px}
body{padding-bottom:0}
header.viean-header{position:sticky;top:0;z-index:35;height:76px;gap:20px;background:#fffdfaf5;border-bottom:1px solid #eadfda;backdrop-filter:blur(14px);transition:transform .22s ease;box-shadow:0 3px 16px #49383b06}
header.viean-header.header-hidden{transform:none}
.viean-header .brand-slogan{margin-right:auto}
.viean-header-actions{display:flex;align-items:center;gap:12px;flex:none}
.viean-icon-button,.viean-header-cart{height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e8dbd5;background:#fbf5f0;color:#70565c;padding:0;flex:none}
.viean-header-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.viean-header-cart{position:relative;isolation:isolate;min-width:72px;padding:0 12px;gap:7px;border-radius:25px;color:#fffaf3;border-color:#b58768;background:radial-gradient(ellipse at 32% 0%,#f4dfc99c 0%,transparent 65%),linear-gradient(165deg,#ddbb9d 0%,#cc9e7e 46%,#ad7c5c 100%);box-shadow:inset 0 1px 1px #fff7eecf,inset 0 -2px 2px #80563840,0 3px 0 #986a4e,0 6px 12px #865f4030;transition:transform .16s ease,box-shadow .16s ease}
.viean-header-cart::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:12%;right:12%;top:3px;height:43%;border-radius:30px 30px 18px 18px;background:linear-gradient(#fffaf549,#fffaf500)}
.viean-header-cart .viean-cart-icon{width:24px;height:24px;stroke-width:1.8;filter:drop-shadow(0 1px 1px #74472955)}
.viean-header-cart .count{background:#fff5e9;color:#6b452f;min-width:19px;height:19px;font-size:11px;font-weight:700;box-shadow:inset 0 1px 1px #fff,0 1px 3px #76503935}
.viean-icon-button:hover{background:#f3e6e2;border-color:#cbaeb1}
.viean-header-cart:hover{filter:brightness(1.035);transform:translateY(-1px)}
.viean-header-cart:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #80563830,0 1px 0 #986a4e,0 2px 5px #865f4020}
.viean-zalo{position:fixed;right:20px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:34;width:48px;height:48px;padding:0;display:grid;place-items:center;border:0;border-radius:13px;background:#fff;box-shadow:0 3px 12px #0068ff20;transition:opacity .15s ease,transform .15s ease,box-shadow .15s}
.viean-zalo img{display:block;width:100%;height:100%;border-radius:inherit}
.viean-zalo.zalo-scrolling{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)}
.viean-zalo:hover{transform:translateY(-2px);box-shadow:0 7px 21px #68424b33}
body:has(dialog[open]) .viean-zalo{visibility:hidden}
body:has(dialog[open]) header.viean-header{transform:none}
#categoryMenu{width:min(400px,calc(100% - 28px));border-radius:20px;box-shadow:0 16px 60px #49383b26}
#categoryMenu .dialog-head{padding:16px 18px}
#categoryMenu h2{font-size:23px}
nav.viean-category-links{display:flex;flex-direction:column;gap:0;padding:8px 22px}
.viean-category-links a{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid #eee2dd;font-size:15px}
.viean-category-links a:last-child{border-bottom:0}
.viean-category-links a:hover{color:#98566b}
.viean-category-links span{color:#ab7483;font-size:18px}
.viean-menu-note{padding:10px 22px 24px;color:#937880;font-size:12px}
.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.viean-footer .footer-bottom{padding-bottom:82px}
@media(max-width:700px){
 header.viean-header{height:68px;padding:0 14px;gap:8px}
 .viean-header .brand{--logo-h:27px;gap:4px}
 .viean-header .brand-slogan{display:none}
 .viean-header-actions{gap:7px;margin-left:auto}
 .viean-icon-button{height:44px;min-width:44px}
 .viean-header-cart{height:44px;min-width:65px;padding:0 9px;gap:5px}
 .viean-zalo{right:12px;width:44px;height:44px;border-radius:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .viean-footer{padding-bottom:0}
}
@media(max-width:359px){.viean-header .brand{--logo-h:23px}.viean-header-actions{gap:4px}header.viean-header{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){header.viean-header,.viean-zalo{transition:none}}

/* Same cart artwork and palette as the owner's samkids.vn shop. */
.viean-header-actions .viean-header-cart{position:relative;isolation:auto;width:46px;height:46px;min-width:46px;padding:0;gap:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#4b2f1f;filter:none;transform:none}
.viean-header-cart::before{display:none}
.viean-header-cart .viean-cart-image{display:block;width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 3px 9px rgba(122,80,53,.16)}
.viean-header-cart .count{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;padding:0 3px;border:2px solid #fffaf6;background:#4b2f1f;color:#fff;font-size:10px;box-shadow:0 2px 4px #00000020}
.viean-header-actions .viean-header-cart:hover{transform:translateY(-1px);filter:none;background:transparent;box-shadow:none}
.viean-header-actions .viean-header-cart:active{transform:scale(.96);box-shadow:none}
@media(max-width:700px){.viean-header-actions .viean-header-cart,.viean-header-cart .viean-cart-image{width:44px;height:44px;min-width:44px}}

/* Slightly more compact navigation and contact control. */
html{scroll-padding-top:76px}
header.viean-header{height:70px}
.viean-zalo{width:44px;height:44px;border-radius:12px}
.viean-zalo::after{content:"";position:absolute;inset:-2px}
@media(max-width:700px){
 html{scroll-padding-top:66px}
 header.viean-header{height:60px}
 .viean-header .brand{--logo-h:25px}
 .viean-header-actions{gap:6px}
 .viean-icon-button{position:relative;height:40px;min-width:40px}
 .viean-icon-button::after,.viean-header-cart::after{content:"";position:absolute;inset:-2px}
 .viean-header-actions svg{width:20px;height:20px}
 .viean-header-actions .viean-header-cart,.viean-header-cart .viean-cart-image{width:40px;height:40px;min-width:40px}
 .viean-zalo{width:40px;height:40px;border-radius:11px}
}
@media(max-width:359px){.viean-header .brand{--logo-h:23px}}