/* nav.css */
.cgv7-announce{background:var(--green);text-align:center;padding:9px 24px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0A0A0A}
.cgv7-nav{position:sticky;top:0;z-index:500;background:rgba(10,10,10,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--b)}
.cgv7-nav-inner{max-width:var(--max);margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cgv7-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.cgv7-logo img{height:32px;width:auto;filter:invert(1) brightness(2);transition:opacity .15s;object-fit:contain}
.cgv7-logo:hover img{opacity:.8}
.cgv7-nav-links{display:flex;align-items:center;gap:2px;flex:1}
.cgv7-nav-links a{padding:6px 14px;border-radius:2px;font-size:13px;font-weight:500;color:rgba(240,237,232,.5);transition:color .15s,background .15s;text-decoration:none;white-space:nowrap}
.cgv7-nav-links a:hover,.cgv7-nav-links a.on{color:var(--t);background:rgba(255,255,255,.06)}
.cgv7-nav-right{display:flex;align-items:center;gap:2px;flex-shrink:0}
.cgv7-ni{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(240,237,232,.45);transition:color .15s,background .15s;text-decoration:none;background:none;border:none;cursor:pointer;position:relative}
.cgv7-ni:hover{color:var(--t);background:rgba(255,255,255,.07)}
.cgv7-cart-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:transparent;border:2px solid var(--bg);transition:background .2s}
.cgv7-cart-dot.active{background:var(--green)}
.cgv7-hamburger{display:none;flex-direction:column;gap:5px;padding:8px 6px;width:38px;height:38px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}
.cgv7-hamburger span{display:block;width:20px;height:2px;background:var(--t);border-radius:1px}
/* Mobile */
.cgv7-mob{display:none;position:fixed;inset:0;z-index:600}
.cgv7-mob-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);cursor:pointer}
.cgv7-mob-drawer{position:absolute;top:0;right:0;bottom:0;width:min(300px,85vw);background:var(--bg2);border-left:1px solid var(--b);padding:20px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease}
.cgv7-mob.open{display:flex}
.cgv7-mob.open .cgv7-mob-drawer{transform:translateX(0)}
.cgv7-mob-close{align-self:flex-end;padding:8px;color:var(--td);margin-bottom:8px;background:none;border:none;cursor:pointer;display:flex}
.cgv7-mob-link{display:block;padding:12px 14px;font-size:15px;font-weight:500;color:var(--tm);border-radius:2px;transition:all .15s;text-decoration:none}
.cgv7-mob-link:hover{background:var(--bg3);color:var(--t)}
.cgv7-mob-sep{height:1px;background:var(--b);margin:6px 0}
/* Search */
.cgv7-search-ov{display:none;position:fixed;inset:0;z-index:700;background:rgba(10,10,10,.97);backdrop-filter:blur(12px);align-items:flex-start;justify-content:center;padding-top:80px}
.cgv7-search-ov.open{display:flex}
.cgv7-search-wrap{width:100%;max-width:560px;padding:0 24px}
.cgv7-search-box{position:relative;display:flex;align-items:center;background:var(--bg3);border:1.5px solid var(--b2);border-radius:var(--r)}
.cgv7-search-box .search-form{flex:1}
.cgv7-search-box .search-field{width:100%!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:16px 50px!important;font-size:16px!important;color:var(--t)!important}
.cgv7-search-box .search-submit{display:none}
.cgv7-search-x{position:absolute;right:12px;padding:8px;color:var(--td);background:none;border:none;cursor:pointer;display:flex}
.cgv7-search-hint{text-align:center;color:var(--td);font-size:11px;margin-top:14px;letter-spacing:.08em;text-transform:uppercase}
/* Footer */
.cgv7-footer{background:var(--bg2);border-top:1px solid var(--b);padding:56px 0 28px}
.cgv7-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.cgv7-footer-logo{display:flex;align-items:center;text-decoration:none;margin-bottom:12px}
.cgv7-footer-logo img{height:26px;width:auto;filter:invert(1) brightness(2)}
.cgv7-footer-brand p{font-size:13px;color:var(--td);line-height:1.65;max-width:240px;margin-top:8px}
.cgv7-footer-col h4{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(240,237,232,.22);margin-bottom:14px;font-weight:400}
.cgv7-footer-col ul{display:flex;flex-direction:column;gap:9px}
.cgv7-footer-col a{font-size:13px;color:var(--tm);transition:color .15s;text-decoration:none}
.cgv7-footer-col a:hover{color:var(--t)}
.cgv7-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--b);flex-wrap:wrap;gap:12px}
.cgv7-footer-copy{font-size:11px;color:rgba(240,237,232,.2);letter-spacing:.04em}
.cgv7-footer-social{display:flex;gap:8px}
.cgv7-footer-social a{width:32px;height:32px;border-radius:50%;border:1px solid var(--b);display:flex;align-items:center;justify-content:center;color:var(--td);transition:all .15s;text-decoration:none}
.cgv7-footer-social a:hover{color:var(--t);border-color:var(--b2)}
@media(max-width:1024px){.cgv7-footer-top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:768px){.cgv7-nav-links{display:none}.cgv7-hamburger{display:flex}.cgv7-footer-top{grid-template-columns:1fr;gap:24px}.cgv7-nav-inner{padding:0 20px}}

/* ── FULL RESPONSIVE: Nav & Footer ── */
@media (max-width: 1024px) {
  .cgv7-nav-inner { padding: 0 24px; }
  .cgv7-footer-top { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 768px) {
  .cgv7-nav-links { display: none !important; }
  .cgv7-hamburger { display: flex !important; }
  .cgv7-nav-inner { padding: 0 16px; }
  .cgv7-footer { padding: 40px 0 24px; }
  .cgv7-footer-top { grid-template-columns: 1fr; gap: 24px; padding: 0 16px; }
  .cgv7-footer-bottom { padding: 16px 16px 0; flex-direction: column; align-items: flex-start; gap: 16px; }
  .cgv7-announce { padding: 8px 16px; font-size: 9px; }
}
@media (max-width: 480px) {
  .cgv7-nav-inner { height: 52px; }
  .cgv7-logo img { height: 26px; }
  .cgv7-ni { width: 34px; height: 34px; }
}