:root{--g:#075b3c;--mint:#eef6ef}.site-header{height:48px;position:relative;box-shadow:none}.nav-wrap{width:min(1000px,96%);gap:18px}.brand{min-width:137px;font-size:13px}.brand b{font-size:15px}.brand-mark{width:34px;height:34px}.main-nav{gap:17px}.main-nav a{font-size:11px}.header-action{gap:10px}.header-action small{font-size:8px}.header-action .btn{padding:9px 13px;font-size:10px}.products-page{max-width:1280px;margin:auto;background:var(--mint);min-height:607px}.portfolio{width:min(1005px,90%);margin:auto;padding:18px 0 8px}.portfolio h1{text-align:center;color:#0c5438;font:700 25px "Barlow Condensed";margin:0 0 16px}.portfolio h1 span{font-weight:500;color:#263a32}.filter-bar{display:flex;gap:9px;margin-bottom:10px}.filter-bar button{border:0;border-radius:4px;background:#fff;box-shadow:0 2px 6px #153e2d20;padding:7px 13px;font:500 12px "Be Vietnam Pro";color:#34493f;cursor:pointer}.filter-bar button.active{background:var(--g);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.sample-card{height:211px;background:#fff;border-radius:6px;box-shadow:0 3px 8px #133e2c2e;text-align:center;padding:7px;display:flex;flex-direction:column;align-items:center}.sample-card[hidden]{display:none}.sample-art{height:105px;width:100%;position:relative}.sample-art.pack:before{content:"";position:absolute;width:78px;height:61px;left:50%;top:14px;transform:translateX(-50%);background:linear-gradient(#f8f4df 0 25%,#e0e9d1 25% 70%,#35784b 70%);border:1px solid #aa9d76;box-shadow:5px 5px 4px #0002}.sample-art.pack.red:before{background:linear-gradient(#f4eddc 0 25%,#e8ddc5 25% 70%,#8a3d2d 70%)}.sample-art.pack:after{content:"";position:absolute;width:68px;height:10px;border-radius:50%;background:#6f8d52;left:50%;bottom:9px;transform:translateX(-50%)}.sample-art.bottle:before{content:"";position:absolute;width:43px;height:75px;border-radius:5px 5px 9px 9px;background:linear-gradient(90deg,#693f17,#b98235,#64380e);left:35%;top:19px;box-shadow:0 -10px 0 -3px #d7b96f}.sample-art.bottle:after{content:"Siro";position:absolute;width:40px;background:#f2deb0;color:#744614;left:35%;top:55px;font:700 10px serif}.sample-art.cream:before{content:"";position:absolute;width:70px;height:46px;border-radius:5px 5px 17px 17px;background:linear-gradient(#f5f8e9,#70aa4c);left:50%;bottom:12px;transform:translateX(-50%);box-shadow:0 -9px 0 #ddd}.sample-art.cream:after{content:"";position:absolute;width:48px;height:18px;background:#4f923e;border-radius:50%;left:10%;bottom:14px;transform:rotate(-20deg)}.sample-art.powder:before{content:"";position:absolute;width:67px;height:72px;left:48%;top:8px;transform:translateX(-50%);background:linear-gradient(90deg,#eee1ba,#f8efd7,#b88c4e);border:1px solid #a98c58}.sample-art.powder:after{content:"";position:absolute;width:70px;height:18px;border-radius:50%;background:#68523e;left:50%;bottom:4px;transform:translateX(-35%)}.sample-card h2{font:700 13px/1.08 "Barlow Condensed";margin:0 0 6px;min-height:30px}.sample-card p{font-size:8px;margin:0 0 7px}.sample-card a{margin-top:auto;background:var(--g);color:#fff;text-decoration:none;border-radius:3px;padding:6px 10px;font:600 9px "Be Vietnam Pro"}.products-legal{width:33.3%;margin-left:auto;background:linear-gradient(135deg,#075337,#087449);color:#fff;padding:13px 27px;display:grid;grid-template-columns:1.5fr 1fr;gap:12px;min-height:96px}.products-legal h3{font:700 13px "Barlow Condensed";margin:0}.products-legal p{font-size:6px;margin:3px}.products-map{background:#f5f1df;color:#476a58;padding:7px;font-size:6px;position:relative}.products-map i{position:absolute;left:54%;top:45%;width:9px;height:9px;border-radius:50% 50% 50% 0;background:#c74332;transform:rotate(-45deg)}@media(max-width:1024px){.site-header{height:64px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#fff;flex-direction:column;align-items:stretch;padding:12px 5%;z-index:20}.main-nav.open{display:flex}.main-nav a{height:36px}.header-action{display:none}.portfolio{padding-top:30px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}.sample-card{height:235px}.sample-art{height:125px}.products-legal{width:100%;min-height:120px}.filter-bar{overflow-x:auto;white-space:nowrap}}@media(max-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio h1{font-size:22px}.sample-card{height:225px}.products-legal{grid-template-columns:1fr}.filter-bar button{font-size:10px;padding:7px 10px}}