
:root{
 --navy:#153d73;--navy2:#0e2d5b;--pink:#d83f6c;--pink2:#f19ab5;--cream:#fff9f4;
 --ink:#21304a;--muted:#6d7788;--line:#e8e3dd;--white:#fff;--gold:#c99a23;
 --shadow:0 14px 40px rgba(21,61,115,.09);--radius:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1220px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:11px;font-weight:700;text-align:center;padding:9px 6px;letter-spacing:.35px}
.header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #eee7e2;box-shadow:0 3px 18px rgba(21,61,115,.05)}
.nav{min-height:88px;display:grid;grid-template-columns:160px minmax(0,1fr) 170px;align-items:center;gap:18px}
.brand{display:flex;align-items:center;height:88px}
.brand img{width:134px;height:82px;object-fit:contain}
.menu{display:flex;justify-content:center;align-items:center;gap:21px;white-space:nowrap}
.menu a{font-size:13px;font-weight:700;padding:10px 0;position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--pink);transform:scaleX(0);transition:.2s}.menu a:hover:after{transform:scaleX(1)}
.actions{display:flex;justify-content:flex-end;gap:10px}.action{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;cursor:pointer;color:var(--navy);position:relative}
.count{position:absolute;right:-2px;top:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font-size:10px;font-weight:800}
.mobile{display:none}
.hero{background:#fbf3ea}.hero img{width:100%;height:auto;max-height:660px;object-fit:cover}
.section{padding:68px 0}.head{text-align:center;max-width:760px;margin:0 auto 34px}.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--pink);font-size:11px;font-weight:800}.head h1,.head h2{font:600 42px Georgia,serif;color:var(--navy);margin:8px 0 12px}.head p{color:var(--muted);line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:28px;text-align:center}.circle{width:58px;height:58px;border:2px solid var(--navy);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--navy);font-weight:800}.feature h3{color:var(--navy);margin:0 0 8px}.feature p{color:var(--muted);font-size:13px;line-height:1.7}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat{position:relative;min-height:360px;border-radius:var(--radius);overflow:hidden}.cat img{width:100%;height:100%;object-fit:cover;transition:.3s}.cat:hover img{transform:scale(1.03)}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.66))}.cat-copy{position:absolute;z-index:2;left:25px;bottom:25px;color:#fff}.cat-copy h3{font:600 31px Georgia,serif;margin:5px 0}.cat-copy p{margin:0 0 12px;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--navy);color:#fff;border:0;border-radius:5px;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:800;cursor:pointer}.btn.pink{background:var(--pink)}.btn.light{background:#fff;color:var(--navy);border:1px solid var(--navy)}.btn.block{width:100%}.btn.small{padding:9px 12px;font-size:10px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.product-media{aspect-ratio:3/4;background:#f6efe8;overflow:hidden;position:relative}.product-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.product:hover .product-media img{transform:scale(1.025)}.tag{position:absolute;left:10px;top:10px;background:var(--pink);color:#fff;font-size:9px;font-weight:800;padding:7px 8px;border-radius:3px;z-index:2}.heart{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;z-index:2;cursor:pointer}.pbody{padding:13px}.pname{font-size:14px;font-weight:700;margin-bottom:7px}.price{font-size:14px;font-weight:800;color:var(--navy)}.old{color:#9ba2ad;text-decoration:line-through;font-weight:400;margin-right:6px}.save{color:var(--pink);font-size:10px;margin-left:7px}
.banner img{width:100%;border-radius:16px}.split{display:grid;grid-template-columns:1.05fr .95fr;border-radius:16px;overflow:hidden;background:var(--cream)}.split img{height:500px;width:100%;object-fit:cover}.split-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}.split-copy h2{font:600 43px Georgia,serif;color:var(--navy);margin:10px 0}.split-copy p{color:var(--muted);line-height:1.85}
.quote{background:#f8f3ee;text-align:center}.quote p{max-width:820px;margin:auto;font:500 24px/1.7 Georgia,serif;color:var(--navy)}.stars{color:var(--gold);letter-spacing:3px;margin-bottom:13px}
.newsletter{background:var(--navy);color:#fff;padding:44px 0}.news{display:flex;justify-content:space-between;align-items:center;gap:25px}.news h3{font:600 28px Georgia,serif;margin:0 0 5px}.news p{margin:0;color:#d4e0ef;font-size:12px}.newsform{display:flex;min-width:420px}.newsform input{flex:1;border:0;padding:14px}.newsform button{border:0;background:var(--pink);color:#fff;padding:0 19px;font-weight:800}
.footer{background:linear-gradient(145deg,#102e5d,#153e78);color:#fff;padding:52px 0 0;border-top:4px solid var(--pink)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:35px}.footer h4{color:#f19ab5;font-size:11px;letter-spacing:1.5px;margin:0 0 16px}.footer a{display:block;color:#eef4fb;font-size:13px;line-height:2}.footer a:hover{color:#fff}.brandnote{color:#d8e3ef;line-height:1.8;font-size:13px;max-width:330px}.socials{display:flex;gap:8px}.social{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid!important;place-items:center}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.17);margin-top:35px;padding:17px 0;color:#dce7f2;font-size:11px}

.page-title{background:linear-gradient(90deg,#fff8f3,#fff);padding:55px 0;text-align:center}.page-title h1{font:600 48px Georgia,serif;color:var(--navy);margin:5px 0 8px}.crumb{font-size:12px;color:var(--muted)}
.shop-layout{display:grid;grid-template-columns:225px 1fr;gap:32px}.sidebar{border:1px solid var(--line);border-radius:12px;padding:20px;height:max-content;position:sticky;top:108px}.sidebar h4{color:var(--navy);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sidebar button,.sidebar a{display:block;width:100%;padding:9px 4px;text-align:left;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.sidebar button:hover,.sidebar a:hover{color:var(--pink)}.filterbox{margin-top:22px}.shop-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--muted);font-size:12px}.select{border:1px solid var(--line);padding:10px 12px;background:#fff}
.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:50px}.gallery{display:grid;grid-template-columns:78px 1fr;gap:14px}.thumbs img{width:72px;height:92px;object-fit:cover;border:1px solid var(--line);margin-bottom:10px;cursor:pointer}.main-photo{position:relative;aspect-ratio:4/5;background:#f6efe8;overflow:hidden}.main-photo img{width:100%;height:100%;object-fit:cover}.main-photo .video-frame{position:absolute;inset:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.main-photo .video-frame iframe{display:block;width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;border:0;position:absolute;inset:0}.main-photo .video-thumb{position:relative;width:72px;height:92px;padding:0;border:1px solid var(--line);background:#fff;overflow:hidden;display:block;cursor:pointer;margin-bottom:10px}.main-photo .video-thumb img{width:100%;height:100%;object-fit:cover;margin:0}.main-photo .video-thumb span{position:absolute;left:4px;right:4px;bottom:4px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;padding:3px;text-align:center}.video-fallback{z-index:2}.main-photo .video-fallback{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;padding:7px 10px;border-radius:4px;font-size:11px;text-decoration:none}.detail h1{font:600 44px Georgia,serif;color:var(--navy);margin:5px 0 10px}.rating{color:var(--gold);font-size:12px}.sku{font-size:11px;color:#9ba2ad;margin:8px 0 18px}.bigprice{font-size:24px;font-weight:800;color:var(--navy)}.desc{font-size:14px;color:var(--muted);line-height:1.85}.divider{border-top:1px solid var(--line);margin:22px 0}.label{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:var(--navy);margin:15px 0 9px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:4px;font-size:11px;cursor:pointer}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.qty{display:flex;width:max-content;border:1px solid var(--line);margin-bottom:12px}.qty button,.qty span{border:0;background:#fff;padding:10px 15px}.qty span{min-width:38px;text-align:center}.two-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info{margin-top:25px;border-top:1px solid var(--line)}.info-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.info-row span{color:var(--muted)}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-table,.cart-summary,.cart-box,.summary,.checkout-box{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.cart-table{box-shadow:0 8px 28px rgba(21,61,115,.05)}.cart-head,.cart-row{display:grid;grid-template-columns:minmax(280px,2.5fr) minmax(90px,1fr) minmax(115px,1fr) minmax(100px,1fr) 36px;gap:18px;align-items:center;padding:16px 20px}.cart-head{background:var(--cream);color:var(--navy);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.cart-row{border-top:1px solid var(--line);font-size:13px;min-height:122px}.cart-product{display:flex;align-items:center;gap:15px;min-width:0}.cart-product img{width:78px;height:98px;object-fit:cover;border-radius:8px;background:#f6efe8;flex:0 0 auto;border:1px solid var(--line)}.cart-product>div{min-width:0}.cart-product strong{display:block;color:var(--navy);font-size:14px;line-height:1.45}.cart-product small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.4}.cart-row>.qty{margin:0;width:max-content}.cart-row>.qty button,.cart-row>.qty span{padding:9px 13px}.cart-row>.qty span{min-width:36px}.cart-row>div:not(.cart-product):not(.qty){font-weight:700;color:var(--navy)}.danger-link{border:0;background:transparent;color:#b13a3a;font-size:22px;line-height:1;cursor:pointer;padding:8px}.cart-summary{padding:25px 24px;box-shadow:0 8px 28px rgba(21,61,115,.05);position:sticky;top:118px}.cart-summary h2{font:600 27px Georgia,serif;color:var(--navy);margin:0 0 20px}.summary,.checkout-box{padding:24px}.summary h3,.checkout-box h3{font:600 25px Georgia,serif;color:var(--navy);margin:0 0 16px}.sumrow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;color:var(--muted)}.sumrow strong{color:var(--navy);font-weight:800}.sumrow.total{border-top:1px solid var(--line);margin-top:8px;padding-top:17px;font-size:20px;color:var(--navy);font-weight:800}.cart-summary .btn{margin-top:10px}.cart-summary .btn+.btn{margin-top:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--navy);letter-spacing:.8px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid var(--line);border-radius:5px;font:13px Arial}.field textarea{min-height:145px;resize:vertical}.full{grid-column:1/-1}
.auth-page{min-height:72vh;background:linear-gradient(135deg,#fffaf7,#f2f6fc);display:grid;place-items:center;padding:50px 0}.auth-box{width:min(460px,92%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px;box-shadow:var(--shadow)}.auth-logo img{width:120px;height:95px;object-fit:contain;margin:0 auto 5px}.auth-box h1{text-align:center;font:600 32px Georgia,serif;color:var(--navy);margin:6px 0}.auth-box .sub{text-align:center;color:var(--muted);font-size:12px;line-height:1.65}.error{padding:11px;border-radius:6px;background:#fde8e8;color:#972e2e;font-size:12px;margin-bottom:15px}.success{padding:11px;border-radius:6px;background:#e8f7ec;color:#236c39;font-size:12px;margin-bottom:15px}
.account-layout{display:grid;grid-template-columns:220px 1fr;gap:28px}.account-nav{border:1px solid var(--line);border-radius:12px;padding:15px;height:max-content}.account-nav a,.account-nav button{display:block;width:100%;text-align:left;border:0;background:none;padding:11px 8px;font-size:12px;color:var(--muted);cursor:pointer}.account-nav a.active{color:var(--navy);font-weight:800;background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cardstat{border:1px solid var(--line);border-radius:12px;padding:18px}.cardstat small{color:var(--muted);font-size:11px}.cardstat strong{display:block;color:var(--navy);font-size:23px;margin-top:7px}.panel{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:18px}.panel h3{font:600 21px Georgia,serif;color:var(--navy);margin:0 0 15px}.data{width:100%;border-collapse:collapse;font-size:12px}.data th,.data td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left}.status{display:inline-block;padding:4px 8px;border-radius:15px;font-size:9px;font-weight:800}.paid{background:#e8f7ec;color:#19723b}.pending{background:#fff2db;color:#9a5e00}.cancelled{background:#fde7e7;color:#a02222}
.noticebar{padding:13px;border:1px dashed #ccd6e5;background:#f7f9fc;color:#637087;border-radius:8px;font-size:11px;line-height:1.7}
@media(max-width:1050px){.nav{grid-template-columns:135px minmax(0,1fr) 140px}.brand img{width:126px}.menu{gap:14px}.menu a{font-size:12px}.product-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav{display:flex;min-height:78px}.brand{height:78px;flex:1}.brand img{width:122px}.menu{display:none}.mobile{display:grid}.shop-layout,.product-layout,.cart-layout,.checkout-layout,.account-layout{grid-template-columns:1fr}.sidebar{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.cat-grid,.split{grid-template-columns:1fr}.split img{height:380px}.news{display:grid}.newsform{min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.cart-head{display:none}.cart-row{grid-template-columns:1fr;gap:10px;padding:18px}.cart-summary{position:static}.cart-row>.qty{width:max-content}.two-btn{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:560px){.topbar{font-size:9px}.brand img{width:112px}.action{width:34px;height:34px}.hero img{min-height:230px;object-fit:cover}.section{padding:48px 0}.head h1,.head h2{font-size:34px}.product-grid{gap:12px}.pname{font-size:12px}.price{font-size:12px}.page-title h1{font-size:40px}.footer-grid{grid-template-columns:1fr}}

.cms-content{max-width:920px;margin:0 auto;font-size:15px;line-height:1.8;color:var(--muted)}.cms-content h2,.cms-content h3{font-family:Georgia,serif;color:var(--navy);margin:28px 0 12px}.cms-content img{max-width:100%;height:auto;border-radius:12px}.cms-content a{color:var(--navy);font-weight:700}

.shop-layout .sidebar #catList a{display:block;padding:8px 0;color:var(--navy);font-size:13px;text-decoration:none}.shop-layout .sidebar #catList a:hover{text-decoration:underline}

.product-description{margin-top:28px;padding-top:22px;border-top:1px solid #e7e1da;color:#526174;font-size:14px;line-height:1.8}.product-description h3{font:600 24px Georgia,serif;color:#153d73;margin:0 0 10px}.thumbs img.active{outline:2px solid #d93d6b;outline-offset:2px}

.video-thumb{width:74px;height:92px;min-height:92px;border:1px solid #e5dfe0;background:#153d73;color:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-weight:700}.video-thumb img{width:72px;height:68px;object-fit:cover;display:block}.video-thumb span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.video-thumb.active{outline:2px solid #d93d6b;outline-offset:1px}
