/*
Theme Name: Long Chau Pharmacy Blue
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Responsive Vietnamese pharmacy storefront theme inspired by supplied reference. Demo content and images.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: longchau-blue
*/
:root{--blue:#0879df;--deep:#0753a8;--navy:#063d8a;--pale:#eff9ff;--text:#14355b}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1240px,94%);margin:auto}.top{background:linear-gradient(90deg,#0554ac,#039de0);color:#fff;font-size:12px;padding:9px 0}.top .wrap,.header .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.header{padding:16px 0;background:#fff}.logo{display:flex;align-items:center;gap:12px;color:#0753a8;font-size:21px;font-weight:900;white-space:nowrap}.logo-mark{font-size:36px;color:#0784db}.logo small{display:block;font-size:10px;color:#2787d5}.search{display:flex;flex:1;max-width:540px;border:1px solid #cbdff1;border-radius:7px;overflow:hidden;height:45px}.search input{width:100%;border:0;padding:12px;font-size:14px;outline:0}.search button,.btn,.buy{background:#0a7cde;color:white;border:0;padding:12px 20px;cursor:pointer;border-radius:5px;font-weight:700}.tools{display:flex;gap:18px;align-items:center;color:#0869bf;font-size:13px}.nav{background:#e8f5ff;border-top:1px solid #d9eafb;border-bottom:1px solid #cce4f6}.nav .wrap{justify-content:flex-start;flex-wrap:wrap;gap:0}.nav a{font-size:13px;font-weight:bold;padding:15px 18px;display:block}.nav a:first-child{background:#0764bd;color:#fff}.nav a:hover{background:#d4ecff}.hero{position:relative;background:#c8efff}.hero img{width:100%;height:auto;max-height:420px;object-fit:cover}.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;pointer-events:none}.dots{color:#fff;text-shadow:0 1px 5px #333}.trust{background:white;border-bottom:1px solid #e7eef6}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0}.trust-item{display:flex;gap:12px;align-items:center;color:#1574be;font-weight:700;font-size:13px}.trust-item span{font-size:26px}.section{padding:32px 0}.section.tint{background:linear-gradient(180deg,#edf9ff,#f7fcff)}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.heading h2{font-size:23px;margin:0;color:#0755a8}.heading a{font-size:13px;color:#0b7cda}.products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.product{border:1px solid #e0edf8;background:white;border-radius:10px;padding:12px;box-shadow:0 3px 14px #0960a00b;display:flex;flex-direction:column;min-width:0}.product img{width:100%;height:175px;object-fit:contain;background:white}.product h3{font-size:13px;font-weight:500;line-height:1.45;min-height:40px;margin:12px 0 8px}.price{font-weight:800;color:#0757ac;font-size:15px;margin:auto 0 12px}.buy{width:100%;padding:10px 4px;font-size:12px}.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.cat{background:white;border:1px solid #d7e9f9;border-radius:9px;overflow:hidden;text-align:center;font-size:12px;font-weight:700;color:#0754a4}.cat img{width:100%;height:130px;object-fit:cover}.cat span{display:block;padding:12px 3px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{border:1px solid #dceafa;border-radius:9px;overflow:hidden;background:white}.feature img{width:100%;height:175px;object-fit:cover}.feature div{padding:16px}.feature h3{font-size:16px;color:#0755a8;margin:0 0 10px}.feature p{font-size:13px;line-height:1.6;min-height:70px}.feature a{font-size:12px;color:white;background:#0785dd;padding:9px 15px;border-radius:5px}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px auto}.promos img{width:100%;height:135px;object-fit:cover;border-radius:9px}.footer{background:linear-gradient(115deg,#0757ad,#05387c);color:#fff;padding:36px 0 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer h3{font-size:15px}.footer p,.footer a{font-size:13px;line-height:2;color:#e3f3ff}.footer a{display:block}.copyright{background:#043270;text-align:center;padding:15px;margin-top:30px;font-size:12px}.notice{position:fixed;bottom:20px;right:20px;background:#075db1;color:white;padding:14px 20px;border-radius:9px;box-shadow:0 4px 20px #0002;display:none;z-index:10}.notice.show{display:block}@media(max-width:950px){.products{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(4,1fr)}.features{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.tools{display:none}.nav a{padding:12px}}@media(max-width:580px){.top{font-size:10px}.top .wrap{flex-wrap:wrap}.header .wrap{flex-wrap:wrap}.logo{font-size:18px}.search{order:2;min-width:100%}.nav .wrap{overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.trust .wrap{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr);gap:9px}.product img{height:135px}.categories{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.promos{grid-template-columns:1fr}.section{padding:25px 0}.heading h2{font-size:20px}}