/* ============================================================
   Suzhou Quansheng Optical Co., Ltd. — Multi-page Site
   Shared Stylesheet (brand: navy + gold, international premium)
   ============================================================ */

:root{
  --navy:#0b2a4a;
  --navy-dark:#071e36;
  --navy-light:#14406b;
  --gold:#c9a86a;
  --gold-light:#e3cfa0;
  --ink:#1c2b3a;
  --gray:#5a6b7c;
  --bg:#f6f8fb;
  --white:#ffffff;
  --line:#e3e9f0;
  --red:#b3372f;
  --green:#2e7d5b;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Segoe UI","Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);line-height:1.7;background:var(--white);}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
/* .en{display:none;} removed for English-only site */

/* ============ Utility ============ */
.btn{display:inline-block;background:var(--gold);color:var(--navy-dark);font-weight:700;padding:13px 32px;font-size:15px;letter-spacing:1px;border-radius:2px;border:none;cursor:pointer;transition:.25s;}
.btn:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn.ghost{border:1px solid #fff;color:#fff;background:transparent;margin-left:14px;}
.btn.ghost:hover{background:rgba(255,255,255,.12);}
.btn.navy{background:var(--navy);color:#fff;}
.btn.navy:hover{background:var(--navy-light);}
.btn.sm{padding:9px 20px;font-size:13px;}
.sec-head{text-align:center;max-width:760px;margin:0 auto 52px;}
.sec-head .en{color:var(--gold);font-size:13px;letter-spacing:4px;font-weight:700;text-transform:uppercase;}
.sec-head h2{font-size:34px;font-weight:800;color:var(--navy);margin:10px 0 14px;}
.sec-head p{color:var(--gray);font-size:15px;}
section{padding:88px 0;}
.alt-bg{background:var(--bg);}

/* ============ Top utility bar ============ */
.topbar{background:var(--navy-dark);color:#c8d5e2;font-size:12px;}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:16px;flex-wrap:wrap;}
.topbar a{color:#c8d5e2;}
.topbar a:hover{color:var(--gold-light);}
.topbar .tb-left{display:flex;gap:20px;align-items:center;}
.topbar .tb-right{display:flex;gap:14px;align-items:center;}
.topbar .tb-right .sep{opacity:.35;}

/* ============ Header / Nav ============ */
header.site-header{position:sticky;top:0;z-index:100;background:rgba(7,30,54,.96);backdrop-filter:blur(8px);box-shadow:0 2px 14px rgba(0,0,0,.18);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0;}
.brand-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#8a6a34);display:flex;align-items:center;justify-content:center;font-weight:800;color:#071e36;font-size:16px;}
.brand-name{font-size:17px;font-weight:700;letter-spacing:.5px;line-height:1.25;}
.brand-name small{display:block;font-size:10px;font-weight:400;color:var(--gold-light);letter-spacing:2px;}

.main-nav{display:flex;align-items:center;}
.main-nav > ul{display:flex;align-items:center;gap:4px;list-style:none;}
.main-nav > ul > li{position:relative;}
.main-nav > ul > li > a{display:flex;align-items:center;gap:5px;color:#d7e2ee;font-size:14px;padding:10px 13px;transition:color .2s;border-radius:3px;}
.main-nav > ul > li > a:hover,.main-nav > ul > li:hover > a{color:var(--gold-light);background:rgba(255,255,255,.06);}
.main-nav .caret{font-size:9px;opacity:.75;}

/* Dropdown */
.dropdown{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(7,30,54,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;z-index:200;border-top:2px solid var(--gold);}
.main-nav > ul > li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:10px 18px;color:var(--ink);font-size:13.5px;border-bottom:1px solid #f0f3f7;}
.dropdown a:hover{background:var(--bg);color:var(--navy);padding-left:22px;}
.dropdown a .dd-en{display:block;font-size:11px;color:var(--gray);letter-spacing:.5px;}
.dropdown .dd-title{display:block;font-size:12px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;padding:12px 18px 4px;font-weight:700;}

.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#d7e2ee;background:transparent;border:none;cursor:pointer;font-size:17px;transition:.2s;}
.icon-btn:hover{background:rgba(255,255,255,.12);color:var(--gold-light);}
.icon-btn .badge{position:absolute;top:1px;right:0;background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.lang-switch{display:flex;border:1px solid rgba(201,168,106,.6);border-radius:20px;overflow:hidden;margin-left:6px;}
.lang-switch button{background:transparent;color:var(--gold-light);border:none;padding:6px 13px;font-size:12px;cursor:pointer;transition:.2s;}
.lang-switch button.active{background:var(--gold);color:var(--navy-dark);font-weight:700;}
.lang-switch button + button{border-left:1px solid rgba(201,168,106,.4);}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;padding:6px;}

/* Search panel */
.search-panel{position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(7,30,54,.12);padding:22px 0;display:none;z-index:90;}
.search-panel.open{display:block;}
.search-panel .search-box{display:flex;max-width:680px;margin:0 auto;border:2px solid var(--navy);border-radius:3px;overflow:hidden;}
.search-panel input{flex:1;border:none;padding:13px 18px;font-size:15px;outline:none;color:var(--ink);}
.search-panel button{background:var(--navy);color:#fff;border:none;padding:0 26px;font-size:14px;cursor:pointer;letter-spacing:1px;}
.search-panel .hot{max-width:680px;margin:14px auto 0;font-size:12px;color:var(--gray);display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.search-panel .hot a{color:var(--navy);border:1px solid var(--line);padding:4px 12px;border-radius:14px;}
.search-panel .hot a:hover{border-color:var(--gold);color:var(--gold);}

/* ============ Breadcrumb ============ */
.breadcrumb{background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;color:var(--gray);}
.breadcrumb .wrap{display:flex;align-items:center;gap:8px;min-height:44px;flex-wrap:wrap;}
.breadcrumb a{color:var(--gray);}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{opacity:.5;font-size:11px;}
.breadcrumb .cur{color:var(--navy);font-weight:600;}

/* ============ Page hero (inner pages) ============ */
.page-hero{background:linear-gradient(110deg,var(--navy-dark) 0%,var(--navy) 55%,var(--navy-light) 100%);color:#fff;padding:64px 0 58px;position:relative;overflow:hidden;}
.page-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;border:60px solid rgba(201,168,106,.12);}
.page-hero h1{font-size:38px;font-weight:800;letter-spacing:.5px;}
.page-hero .en{color:var(--gold-light);font-size:13px;letter-spacing:4px;text-transform:uppercase;font-weight:600;margin-bottom:10px;}
.page-hero p{color:#c8d5e2;max-width:640px;margin-top:12px;font-size:15px;}

/* ============ Home hero ============ */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;color:#fff;background:linear-gradient(105deg,rgba(7,30,54,.94) 0%,rgba(11,42,74,.72) 45%,rgba(11,42,74,.18) 100%),url('../images/hero.jpg') center/cover no-repeat;}
.hero-inner{padding:130px 0 90px;}
.hero .kicker{display:inline-block;color:var(--gold-light);letter-spacing:4px;font-size:13px;font-weight:600;margin-bottom:18px;border:1px solid rgba(201,168,106,.5);padding:6px 16px;border-radius:2px;}
.hero h1{font-size:50px;line-height:1.2;font-weight:800;letter-spacing:1px;margin-bottom:18px;}
.hero h1 .thin{font-weight:300;color:var(--gold-light);}
.hero p{font-size:18px;color:#dfe8f2;max-width:560px;margin-bottom:34px;}
.hero .stat-row{display:flex;gap:48px;margin-bottom:40px;flex-wrap:wrap;}
.hero .stat b{display:block;font-size:30px;color:var(--gold);font-weight:800;}
.hero .stat span{font-size:13px;color:#b9c8d8;letter-spacing:1px;}

/* ============ Product cards ============ */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.prod-card{background:#fff;border:1px solid var(--line);transition:.3s;overflow:hidden;}
.prod-card:hover{box-shadow:0 18px 40px rgba(11,42,74,.12);transform:translateY(-6px);border-color:transparent;}
.prod-card .pic{height:240px;overflow:hidden;position:relative;}
.prod-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.prod-card:hover .pic img{transform:scale(1.06);}
.prod-card .tag{position:absolute;top:14px;left:14px;background:var(--navy);color:#fff;font-size:11px;letter-spacing:2px;padding:4px 12px;}
.prod-card .body{padding:20px 22px 24px;}
.prod-card h4{font-size:18px;color:var(--navy);font-weight:700;margin-bottom:4px;}
.prod-card .en-title{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.prod-card p{color:var(--gray);font-size:13.5px;}
.prod-card .card-link{display:inline-block;margin-top:12px;color:var(--navy);font-weight:700;font-size:13px;letter-spacing:1px;}
.prod-card .card-link:hover{color:var(--gold);}

/* ============ Why / feature items ============ */
.why{background:linear-gradient(160deg,var(--navy-dark) 0%,var(--navy) 100%);color:#fff;}
.why .sec-head h2{color:#fff;}
.why .sec-head p{color:#aebdd0;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.why-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:28px 24px;transition:.3s;}
.why-item:hover{background:rgba(255,255,255,.1);}
.why-item .ico{width:50px;height:50px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;margin-bottom:16px;}
.why-item h4{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--gold-light);}
.why-item p{font-size:13.5px;color:#c3d0df;}

/* ============ Category cards ============ */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cat-card{position:relative;overflow:hidden;border-radius:4px;min-height:250px;display:flex;align-items:flex-end;}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.cat-card:hover img{transform:scale(1.06);}
.cat-card .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,30,54,.88) 0%,rgba(7,30,54,.15) 60%,rgba(7,30,54,.05) 100%);}
.cat-card .cat-info{position:relative;z-index:2;padding:22px;color:#fff;width:100%;}
.cat-card h4{font-size:20px;font-weight:700;}
.cat-card .en-title{color:var(--gold-light);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 10px;}
.cat-card .cat-cta{color:var(--gold-light);font-size:13px;font-weight:600;letter-spacing:1px;}

/* ============ Blog cards ============ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.blog-card{background:#fff;border:1px solid var(--line);transition:.3s;overflow:hidden;}
.blog-card:hover{box-shadow:0 14px 32px rgba(11,42,74,.1);transform:translateY(-4px);}
.blog-card .pic{height:180px;overflow:hidden;background:var(--navy);}
.blog-card .pic img{width:100%;height:100%;object-fit:cover;}
.blog-card .body{padding:20px 22px 24px;}
.blog-card .meta{font-size:12px;color:var(--gray);margin-bottom:8px;display:flex;gap:12px;}
.blog-card .meta b{color:var(--gold);font-weight:600;}
.blog-card h4{font-size:17px;color:var(--navy);font-weight:700;line-height:1.45;margin-bottom:8px;}
.blog-card p{font-size:13.5px;color:var(--gray);}
.blog-card .card-link{margin-top:12px;display:inline-block;color:var(--navy);font-weight:700;font-size:13px;}
.blog-card .card-link:hover{color:var(--gold);}

/* ============ Article ============ */
.article{max-width:820px;margin:0 auto;}
.article h2{font-size:26px;color:var(--navy);font-weight:800;margin:36px 0 14px;}
.article h3{font-size:20px;color:var(--navy);font-weight:700;margin:26px 0 12px;}
.article p{color:var(--gray);font-size:15px;margin-bottom:14px;}
.article ul,.article ol{margin:0 0 16px 22px;color:var(--gray);font-size:15px;}
.article li{margin-bottom:8px;}
.article .tip{border-left:3px solid var(--gold);background:var(--bg);padding:14px 18px;margin:20px 0;font-size:14px;color:var(--ink);}

/* ============ Table (specs) ============ */
.spec-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:11px 16px;text-align:left;}
.spec-table th{background:var(--navy);color:#fff;font-weight:600;letter-spacing:.5px;}
.spec-table tr:nth-child(even) td{background:var(--bg);}
.spec-table td:first-child{color:var(--navy);font-weight:600;width:34%;}

/* ============ Product detail ============ */
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.pd-gallery .main-pic{border:1px solid var(--line);overflow:hidden;background:#fff;}
.pd-gallery .main-pic img{width:100%;height:auto;max-height:520px;object-fit:cover;}
.pd-info h2{font-size:28px;color:var(--navy);font-weight:800;}
.pd-info .en-title{color:var(--gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:6px 0 14px;}
.pd-info .price-row{display:flex;align-items:baseline;gap:16px;margin:14px 0;flex-wrap:wrap;}
.pd-info .price{font-size:26px;font-weight:800;color:var(--navy);}
.pd-info .price .cur{font-size:14px;color:var(--gray);font-weight:400;margin-left:4px;}
.pd-info .moq{font-size:13px;color:var(--gray);}
.pd-info .desc{color:var(--gray);font-size:15px;margin:16px 0 20px;}
.pd-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:13.5px;color:var(--gray);margin:18px 0;}
.pd-meta .row{display:flex;gap:10px;padding:5px 0;}
.pd-meta .row b{color:var(--navy);min-width:90px;}
.qty-row{display:flex;align-items:center;gap:14px;margin:20px 0;}
.qty{display:flex;align-items:center;border:1px solid var(--line);}
.qty button{width:38px;height:40px;background:var(--bg);border:none;font-size:18px;cursor:pointer;color:var(--navy);}
.qty input{width:52px;height:40px;border:none;text-align:center;font-size:15px;outline:none;color:var(--ink);}
.pd-cta{display:flex;gap:14px;flex-wrap:wrap;}

/* ============ Steps / timeline ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step;}
.step{position:relative;padding:24px 20px;background:#fff;border:1px solid var(--line);}
.step::before{counter-increment:step;content:"0" counter(step);font-size:30px;font-weight:800;color:var(--gold);display:block;margin-bottom:10px;}
.step h4{font-size:16px;color:var(--navy);font-weight:700;margin-bottom:8px;}
.step p{font-size:13.5px;color:var(--gray);}

/* ============ Contact page ============ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-info .ci-item{display:flex;gap:16px;margin-bottom:22px;}
.contact-info .ci-ico{width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.contact-info h4{font-size:15px;color:var(--navy);font-weight:700;}
.contact-info p{font-size:14px;color:var(--gray);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-grid .full{grid-column:1/-1;}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--line);padding:12px 14px;font-size:14px;outline:none;color:var(--ink);background:#fff;transition:.2s;font-family:inherit;border-radius:2px;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,42,74,.08);}
.form-group textarea{min-height:130px;resize:vertical;}

/* ============ FAQ ============ */
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{border:1px solid var(--line);margin-bottom:12px;background:#fff;}
.faq-item summary{cursor:pointer;padding:18px 22px;font-size:15px;font-weight:600;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:22px;color:var(--gold);font-weight:400;transition:.2s;}
.faq-item[open] summary::after{content:"−";}
.faq-item .faq-a{padding:0 22px 18px;color:var(--gray);font-size:14px;}

/* ============ Cart / checkout ============ */
.cart-table{width:100%;border-collapse:collapse;font-size:14px;}
.cart-table th{background:var(--navy);color:#fff;padding:13px 14px;text-align:left;font-weight:600;}
.cart-table td{border-bottom:1px solid var(--line);padding:16px 14px;vertical-align:middle;}
.cart-table .pd-cell{display:flex;gap:14px;align-items:center;}
.cart-table .pd-cell img{width:70px;height:70px;object-fit:cover;border:1px solid var(--line);}
.cart-table .pd-cell b{color:var(--navy);font-size:14px;display:block;}
.cart-table .pd-cell span{font-size:12px;color:var(--gray);}
.cart-table .qty{display:inline-flex;}
.cart-table a.remove{color:var(--red);font-size:13px;}
.cart-summary{background:var(--bg);border:1px solid var(--line);padding:26px;max-width:380px;margin-left:auto;}
.cart-summary .cs-row{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:var(--gray);}
.cart-summary .cs-total{display:flex;justify-content:space-between;padding:14px 0;border-top:2px solid var(--navy);margin-top:8px;font-size:18px;font-weight:800;color:var(--navy);}
.order-steps{display:flex;gap:0;margin-bottom:34px;border-bottom:2px solid var(--line);}
.order-steps .os{flex:1;text-align:center;padding:14px 0;font-size:13px;color:var(--gray);position:relative;}
.order-steps .os.active{color:var(--navy);font-weight:700;}
.order-steps .os.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gold);}

/* ============ Footer ============ */
footer.site-footer{background:var(--navy-dark);color:#b9c8d8;font-size:13.5px;}
.footer-top{padding:60px 0 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:36px;}
.footer-top h5{color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;letter-spacing:.5px;}
.footer-top h5::after{content:"";display:block;width:30px;height:2px;background:var(--gold);margin-top:8px;}
.footer-top a{color:#b9c8d8;display:block;padding:4px 0;transition:.2s;}
.footer-top a:hover{color:var(--gold-light);padding-left:4px;}
.footer-brand .brand{color:#fff;margin-bottom:14px;}
.footer-brand p{font-size:13px;line-height:1.8;}
.footer-social{display:flex;gap:10px;margin-top:18px;}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:15px;color:#c8d5e2;padding:0;}
.footer-social a:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,168,106,.1);}
.newsletter{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:18px;margin-top:8px;}
.newsletter p{font-size:12.5px;margin-bottom:12px;}
.newsletter .nl-form{display:flex;}
.newsletter input{flex:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;padding:10px 12px;font-size:13px;outline:none;}
.newsletter button{border:none;background:var(--gold);color:var(--navy-dark);font-weight:700;padding:0 16px;font-size:13px;cursor:pointer;}
.pay-icons{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.pay-icons span{border:1px solid rgba(255,255,255,.25);padding:4px 10px;font-size:11px;color:#c8d5e2;border-radius:3px;letter-spacing:1px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:12.5px;color:#8fa3b5;}
.footer-bottom .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.footer-bottom a{color:#8fa3b5;}
.footer-bottom a:hover{color:var(--gold-light);}

/* ============ Account / auth pages ============ */
.auth-wrap{max-width:440px;margin:40px auto;}
.auth-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 34px rgba(7,30,54,.08);padding:38px 36px;}
.auth-card h2{font-size:24px;color:var(--navy);font-weight:800;text-align:center;margin-bottom:6px;}
.auth-card .sub{text-align:center;color:var(--gray);font-size:13.5px;margin-bottom:26px;}
.auth-card .form-group{margin-bottom:16px;}
.auth-card .form-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:14px 0 20px;color:var(--gray);}
.auth-card .form-foot label{display:flex;align-items:center;gap:6px;}
.auth-card .form-foot a{color:var(--navy);font-weight:600;}
.auth-card .btn{width:100%;}
.auth-alt{text-align:center;font-size:13.5px;color:var(--gray);margin-top:20px;}
.auth-alt a{color:var(--navy);font-weight:700;}

/* ============ Orders page ============ */
.order-card{background:#fff;border:1px solid var(--line);margin-bottom:20px;}
.order-card .oc-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;color:var(--gray);flex-wrap:wrap;gap:8px;}
.order-card .oc-head b{color:var(--navy);}
.order-card .status{color:var(--green);font-weight:700;}
.order-card .oc-body{padding:16px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.order-card .oc-body img{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);}
.order-card .oc-body .t{flex:1;min-width:200px;}
.order-card .oc-body .t b{color:var(--navy);font-size:14px;display:block;}
.order-card .oc-body .t span{font-size:12.5px;color:var(--gray);}

/* ============ Search results ============ */
.search-result{border-bottom:1px solid var(--line);padding:20px 0;}
.search-result h3{font-size:17px;color:var(--navy);font-weight:700;}
.search-result h3:hover{color:var(--gold);}
.search-result p{font-size:13.5px;color:var(--gray);margin-top:6px;}
.search-result .url{font-size:12px;color:var(--gold);}

/* ============ Legal pages ============ */
.legal{max-width:820px;margin:0 auto;}
.legal h2{font-size:24px;color:var(--navy);font-weight:800;margin:32px 0 12px;}
.legal p{color:var(--gray);font-size:14.5px;margin-bottom:12px;}
.legal ul{margin:0 0 14px 22px;color:var(--gray);font-size:14.5px;}
.legal li{margin-bottom:6px;}
.legal .updated{font-size:12.5px;color:var(--gray);margin-bottom:24px;}

/* ============ Misc ============ */
.center{text-align:center;}
.mt-1{margin-top:12px;}.mt-2{margin-top:24px;}.mt-3{margin-top:40px;}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;}
.pagination a,.pagination span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:13.5px;color:var(--navy);padding:0 8px;}
.pagination a:hover{border-color:var(--gold);color:var(--gold);}
.pagination .active{background:var(--navy);color:#fff;border-color:var(--navy);}
.cta-band{background:linear-gradient(120deg,var(--gold) 0%,#b8965a 100%);color:var(--navy-dark);text-align:center;padding:52px 0;}
.cta-band h2{font-size:28px;font-weight:800;margin-bottom:10px;}
.cta-band p{font-size:15px;margin-bottom:24px;opacity:.85;}
.cta-band .btn{background:var(--navy);color:#fff;}
.cta-band .btn:hover{background:var(--navy-light);}
.notice{background:#fff8e6;border:1px solid #f0dca0;color:#7a5c1e;padding:12px 18px;font-size:13.5px;margin:18px 0;border-radius:3px;}

/* ============ Responsive ============ */
@media (max-width:980px){
  .prod-grid,.cat-grid,.blog-grid,.grid-3{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);}
  .pd-grid,.contact-grid,.about-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .hero h1{font-size:38px;}
  .page-hero h1{font-size:30px;}
  .menu-toggle{display:block;}
  .main-nav{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--navy-dark);padding:80px 24px 30px;transition:right .3s;overflow-y:auto;z-index:110;}
  .main-nav.open{right:0;}
  .main-nav > ul{flex-direction:column;align-items:stretch;gap:2px;}
  .main-nav > ul > li > a{font-size:15px;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:2px solid var(--gold);background:rgba(255,255,255,.05);margin:0 0 8px 14px;min-width:0;display:none;}
  .main-nav > ul > li.open .dropdown{display:block;}
  .dropdown a{color:#c8d5e2;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 14px;}
  .dropdown a:hover{background:rgba(255,255,255,.08);padding-left:18px;}
  .nav-actions .icon-btn.hide-m{display:none;}
}
@media (max-width:640px){
  .prod-grid,.cat-grid,.blog-grid,.grid-3,.steps{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .topbar .wrap{justify-content:center;}
  .form-grid{grid-template-columns:1fr;}
  .hero h1{font-size:30px;}
  .hero .stat-row{gap:24px;}
  .hero .stat b{font-size:24px;}
  .cart-table .hide-sm{display:none;}
  .brand-name{font-size:14px;}
}