.layout-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.layout-main{width:min(100%, var(--container-width));flex:1;margin:0 auto;padding:28px 20px 44px}.layout-footer{width:min(calc(100% - 24px), var(--container-width));color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(90deg, #ffffff0d, #ffffff05), var(--bg-panel-soft);box-shadow:var(--shadow-md);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 18px;padding:16px 22px;display:flex}@media (max-width:768px){.layout-main{padding:20px 14px 42px}.layout-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 20px);font-size:13px;line-height:1.6}}
.site-header{z-index:20;padding:16px 20px 0;position:sticky;top:0}.site-nav{width:min(100%, var(--container-width));background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--bg-panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 auto;padding:14px 18px;display:grid}.site-header-home{position:sticky}.site-nav-home{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.site-nav-home .nav-brand-mark,.site-nav-home .nav-hotline span{color:#ece5d9b8}.site-nav-home .nav-brand-copy,.site-nav-home .nav-hotline strong{color:#f3ede2}.site-nav-home .navlink{color:#ece5d9c7;box-shadow:none;background:0 0;border-color:#0000}.site-nav-home .navlink:hover{color:#f3ede2;box-shadow:none;background:0 0;border-color:#0000}.site-nav-home .navlink-accent{color:#f3ede2;position:relative}.site-nav-home .navlink-accent:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:8px;left:15px;right:15px;transform:scaleX(.18)}.site-nav-home .navlink-accent:hover:after{transform:scaleX(1)}.nav-brand{align-content:center;gap:4px;padding-right:14px;display:grid}.nav-brand-mark,.nav-hotline span{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.18em;opacity:.78;font-size:11px}.nav-brand-copy{color:var(--text-main);text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;line-height:.92}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.navlink{min-height:42px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff06;border:1px solid #d6ccbd14;border-radius:999px;justify-content:center;align-items:center;padding:10px 15px;font-size:12px;text-decoration:none;transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s;display:inline-flex}.navlink:hover{color:var(--text-main);background:#ffffff14;border-color:#d6ccbd24;transform:translateY(-1px);box-shadow:0 10px 24px #090b0d2e}.navlink-accent{color:#1d2022;background:linear-gradient(135deg,#d6c7b5eb,#b8a48fe6);border-color:#0000;font-weight:700}.navlink-accent:hover{color:#1d2022;background:linear-gradient(135deg,#d6c7b5,#b8a48ff5)}.navlink.name{color:var(--text-main);text-transform:none;letter-spacing:0;cursor:default;background:#ffffff0a;border-color:#d6ccbd14;font-size:14px}.navlink.name:hover{box-shadow:none;background:#ffffff0f;transform:none}.nav-hotline{justify-items:end;gap:2px;padding-left:14px;display:grid}.nav-aside{justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav-hotline strong{color:var(--text-main);font-family:Georgia,Times New Roman,serif;font-size:1.5rem;line-height:.9}.navlink-cart{flex-shrink:0;min-width:38px;min-height:38px;padding:8px;position:relative}.navlink-cart-badge{color:#f6f1e8;text-align:center;background:var(--accent-terracotta);border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;position:absolute;top:2px;right:2px;box-shadow:0 2px 8px #00000040}.navlink-cart-icon{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px;display:block}.site-nav-home .navlink-cart-icon{filter:brightness(0)invert()}.dropdown{display:inline-flex;position:relative}.dropdown-content{z-index:1000;background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--bg-panel);min-width:240px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:10px;display:none;position:absolute;top:100%;left:0;overflow:hidden}.dropdown:hover .dropdown-content{display:block}.dropbtn{min-height:42px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#ffffff06;border:1px solid #d6ccbd14;border-radius:999px;justify-content:center;align-items:center;padding:10px 15px;font-family:inherit;font-size:12px;transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s;display:inline-flex}.dropbtn:hover,.dropdown:hover .dropbtn{color:var(--text-main);background:#ffffff14;border-color:#d6ccbd24;transform:translateY(-1px);box-shadow:0 10px 24px #090b0d2e}.dropdown-content a{min-height:42px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-radius:14px;align-items:center;padding:0 14px;font-size:12px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.dropdown-content a:hover{color:var(--text-main);background:#ffffff0f;transform:translate(2px)}.site-nav-home .dropbtn{color:#ece5d9c7;box-shadow:none;background:0 0;border-color:#0000}.site-nav-home .dropbtn:hover,.site-nav-home .dropdown:hover .dropbtn{color:#f3ede2;box-shadow:none;background:0 0;border-color:#0000}.site-nav-home .dropdown-content{background:linear-gradient(180deg, #141618e0, #141618f0), var(--bg-panel)}@media (max-width:980px){.site-nav{grid-template-columns:1fr;justify-items:stretch}.nav-brand,.nav-hotline{justify-items:start;padding:0}.nav-aside,.nav-links{justify-content:flex-start}.dropdown-content{left:0;right:auto}}@media (max-width:700px){.site-header{padding:12px 12px 0}.site-nav{padding:14px}.navlink{justify-content:flex-start;width:100%;font-size:14px}.navlink-cart{justify-content:center;width:auto;min-width:42px}.nav-links{display:grid}.dropdown,.dropbtn{width:100%}.dropbtn{justify-content:flex-start;font-size:14px}.dropdown-content{min-width:0;margin-top:8px;display:grid;position:static}.dropdown:not(:hover) .dropdown-content{display:none}}button.navlink{font:inherit;text-align:inherit;cursor:pointer}
