.top-banner { background:var(--lcdo-brown); color:#fff; text-align:center; padding:10px 20px; font-size:11px; letter-spacing:2px; }
.header { background:var(--lcdo-cream); border-bottom:1px solid var(--lcdo-border); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:12px 40px; position:sticky; top:0; z-index:999; box-shadow:0 2px 10px rgba(0,0,0,.04); }
.logo-img { display:block; height:68px; width:auto; max-width:180px; object-fit:contain; }
.nav { display:flex; justify-content:center; align-items:center; gap:28px; font-size:11.5px; letter-spacing:1.5px; font-weight:500; white-space:nowrap; }
.nav a { color:var(--lcdo-brown); text-decoration:none; text-transform:uppercase; padding:8px 0; }
.nav a:hover,.nav a:focus-visible { color:var(--lcdo-rose); }
.nav a.highlight { color:#fff; background:var(--lcdo-rose); padding:7px 14px; border-radius:30px; }
.nav-item { position:relative; }
.dropdown { display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:210px; background:#fff; padding:12px 18px; border:1px solid var(--lcdo-border); border-radius:10px; box-shadow:var(--lcdo-shadow); }
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown { display:grid; }
.header-icons { display:flex; align-items:center; gap:15px; }
.header-icons a,.header-icon-button { border:0; background:none; color:var(--lcdo-brown); text-decoration:none; font-size:24px; line-height:1; cursor:pointer; position:relative; padding:4px; }
.header-cart-count { position:absolute; top:-6px; right:-8px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--lcdo-rose); color:#fff; font:600 11px/17px sans-serif; text-align:center; }
.header-menu-toggle,.nav-close { display:none; }
.site-search[hidden],.nav-backdrop[hidden] { display:none!important; }
.site-search { position:fixed; inset:0; z-index:1200; display:grid; place-items:start center; }
.search-backdrop { position:absolute; inset:0; border:0; background:rgba(0,0,0,.45); cursor:pointer; }
.site-search-panel { position:relative; width:min(760px,calc(100% - 32px)); margin-top:15vh; padding:36px; background:#fff; border-radius:var(--lcdo-radius); box-shadow:var(--lcdo-shadow); }
.search-close { position:absolute; top:8px; right:12px; border:0; background:none; font-size:30px; cursor:pointer; }
.site-search-panel label { display:block; margin-bottom:12px; font-size:20px; }
.site-search-panel form div { display:flex; gap:8px; }
.site-search-panel input[type=search] { flex:1; min-width:0; padding:12px; border:1px solid var(--lcdo-border); border-radius:8px; }
.site-search-panel button[type=submit] { border:0; border-radius:8px; padding:12px 20px; color:#fff; background:var(--lcdo-rose); }
.site-footer { background:var(--lcdo-brown); color:rgba(255,255,255,.82); }
.footer-main { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr; gap:55px; max-width:1400px; margin:0 auto; padding:70px 60px 55px; }
.footer-col h4 { color:#fff; font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:22px; }
.footer-col ul { list-style:none; padding:0; margin:0; }
.footer-col li { margin-bottom:11px; }
.footer-col a { color:rgba(255,255,255,.72); text-decoration:none; }
.footer-col a:hover,.footer-col a:focus-visible { color:#fff; }
.footer-logo { height:60px; width:auto; filter:brightness(0) invert(1); margin-bottom:18px; }
.footer-brand p,.footer-newsletter p { line-height:1.8; }
.footer-payments { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.pay-ico { width:38px; height:25px; object-fit:contain; background:#fff; border-radius:4px; padding:3px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.14); padding:20px 40px; }
.footer-bottom-inner { max-width:1400px; margin:auto; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer-legal a { color:rgba(255,255,255,.7); text-decoration:none; }
.footer-legal .sep { margin:0 12px; opacity:.4; }
@media (max-width:1200px) { .header { padding:10px 24px; } .nav { gap:16px; font-size:10px; } .footer-main { grid-template-columns:repeat(3,1fr); } }
@media (max-width:1024px) {
  .header { grid-template-columns:auto 1fr auto; }
  .header-menu-toggle { display:grid; justify-self:end; gap:4px; width:42px; height:42px; padding:10px; border:0; background:none; cursor:pointer; }
  .header-menu-toggle span[aria-hidden=true] { height:2px; background:var(--lcdo-brown); }
  .header-icons { justify-self:end; }
  .nav { position:fixed; top:0; left:0; z-index:1101; width:min(380px,88vw); height:100dvh; padding:72px 28px 32px; background:#fff; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px; overflow:auto; transform:translateX(-105%); transition:transform .25s ease; white-space:normal; }
  .nav.is-open { transform:translateX(0); }
  .nav-close { display:block; position:absolute; top:16px; right:20px; border:0; background:none; font-size:34px; cursor:pointer; }
  .nav a { display:block; }
  .dropdown { display:grid; position:static; transform:none; box-shadow:none; border:0; border-left:2px solid var(--lcdo-border); margin-left:8px; padding:4px 0 4px 14px; }
  .nav-backdrop { display:block; position:fixed; inset:0; z-index:1100; background:rgba(0,0,0,.42); }
  .footer-main { grid-template-columns:repeat(2,1fr); padding:50px 30px 35px; }
}
@media (max-width:600px) { .top-banner { font-size:9px; letter-spacing:1px; } .header { padding:8px 14px; gap:8px; } .logo-img { height:52px; max-width:125px; } .header-icons { gap:7px; } .header-icons a,.header-icon-button { font-size:21px; } .footer-main { grid-template-columns:1fr; } .footer-bottom-inner { flex-direction:column; text-align:center; } .site-search-panel { padding:28px 18px; } .site-search-panel form div { flex-direction:column; } }
@media (max-width:380px) { .header { padding-inline:10px; gap:5px; } .logo-img { max-width:110px; } .header-menu-toggle { width:38px; height:38px; padding:8px; } .header-icons { gap:3px; } .header-icons a,.header-icon-button { font-size:19px; padding:3px; } }