@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#17211b;--muted:#66736b;--cream:#f7f5ed;--green:#12664f;--lime:#dff56d;--line:#e5e8e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--lime);display:grid;place-items:center;color:var(--ink)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.7px;color:var(--green)}
.store-nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.store-brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:800}.store-nav nav{display:flex;gap:34px;font-size:14px;font-weight:600}.admin-link{border:1px solid var(--line);padding:11px 18px;border-radius:99px;font-size:13px}.hero{min-height:580px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:70px max(24px,calc((100vw - 1180px)/2));overflow:hidden}.hero-copy h1{font-size:64px;line-height:1.05;letter-spacing:-3px;margin:18px 0}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:580px}.hero-search{background:#fff;border-radius:16px;padding:7px 7px 7px 18px;display:flex;align-items:center;max-width:610px;box-shadow:0 15px 40px #253c2914;margin:30px 0}.hero-search input{border:0;outline:0;flex:1;padding:14px;font:inherit}.hero-search button,.submit-order{background:var(--green);color:#fff;border:0;border-radius:11px;padding:14px 25px;font-weight:700}.trust{display:flex;gap:34px;color:var(--muted);font-size:12px}.trust b{display:block;color:var(--ink);font-size:17px}.hero-art{height:430px;background:var(--green);border-radius:35% 18% 30% 16%;position:relative;display:grid;place-items:center}.art-card{color:#fff;text-align:center;display:grid;gap:12px}.art-card i{font-size:115px;color:var(--lime)}.art-card strong{font-size:24px}.art-card span{opacity:.7}.float-note{position:absolute;bottom:20px;left:-40px;background:#fff;padding:15px 20px;border-radius:14px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 40px #0002}.float-note i{color:var(--green);font-size:25px}.float-note span{display:grid}.float-note small{color:var(--muted)}
.catalog,.how,.order-section{max-width:1180px;margin:auto;padding:90px 24px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.how h2,.order-intro h2{font-size:38px;margin:9px 0}.section-head>span{color:var(--muted);font-size:13px}.category-pills{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.category-pills a{padding:10px 17px;border-radius:99px;border:1px solid var(--line);font-size:13px}.category-pills a.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #17211b15}.product-image{height:230px;background:#eef1eb;position:relative;display:grid;place-items:center}.product-image>i{font-size:60px;color:#a6b0a8}.product-image img{width:100%;height:100%;object-fit:cover}.stock{position:absolute;top:13px;right:13px;background:#fff;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:700}.product-info{padding:19px}.product-info>small{color:var(--green);font-weight:700;text-transform:uppercase}.product-info h3{font-size:18px;margin:7px 0}.product-info>p{font-size:13px;color:var(--muted);height:40px}.product-info>div{display:flex;justify-content:space-between;align-items:center}.product-info strong{font-size:17px}.product-info strong small{font-weight:400;color:var(--muted)}.pick-product{border:0;background:#eef5ef;color:var(--green);padding:10px 12px;border-radius:9px;font-weight:700}.empty-state{grid-column:1/-1;text-align:center;padding:60px;color:var(--muted)}
.how{max-width:none;background:var(--ink);color:#fff;text-align:center}.how .eyebrow{color:var(--lime)}.how>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:50px auto 0}.how article{padding:20px 50px;position:relative}.how article+article{border-left:1px solid #ffffff25}.how article>b{position:absolute;font-size:60px;color:#ffffff0d;top:-20px;left:35px}.how i{color:var(--lime);font-size:30px}.how h3{font-size:17px;margin:18px 0 8px}.how p{font-size:13px;color:#b1bab4}.order-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.order-intro{padding-top:50px}.order-intro p{color:var(--muted);line-height:1.7}.order-intro ul{padding:0;list-style:none;display:grid;gap:14px;margin-top:30px}.order-intro li i{color:var(--green);margin-right:10px}.order-card{border:1px solid var(--line);box-shadow:0 24px 60px #19251d12;border-radius:20px;padding:28px}.order-card h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-card label{font-size:12px;font-weight:700;display:grid;gap:7px;margin-bottom:15px}.order-card input,.order-card select{width:100%;border:1px solid #dfe4df;border-radius:10px;padding:12px;font:inherit;font-size:13px}.rent-row{display:grid;grid-template-columns:1fr 85px 40px;gap:8px;margin-top:8px}.remove-row{border:0;border-radius:9px;color:#a13e35}.add-row{border:0;background:none;color:var(--green);font-weight:700;padding:15px 0}.order-total{background:var(--cream);border-radius:12px;padding:17px;display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.order-total span{display:grid;font-size:13px;font-weight:700}.order-total small{font-weight:400;color:var(--muted)}.order-total strong{font-size:24px;color:var(--green)}.submit-order{width:100%}footer{border-top:1px solid var(--line);min-height:120px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:20px 24px;color:var(--muted);font-size:13px}
.admin-body{background:#f5f6f3}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#15241d;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px;padding:0 9px 28px}.admin-brand small{display:block;color:#819086;font-size:9px;font-weight:500}.sidebar nav{display:grid;gap:5px}.sidebar a{padding:12px;border-radius:9px;font-size:13px}.sidebar nav a:hover{background:#26372f}.sidebar i{width:24px}.sidebar-foot{margin-top:auto;display:grid;border-top:1px solid #ffffff18;padding-top:15px;color:#a8b2ac}.main-content{padding:0 34px 45px;min-width:0}.admin-top{height:76px;display:flex;justify-content:flex-end;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.admin-top>div{display:grid;text-align:right;font-size:12px}.admin-top small{color:var(--muted)}.avatar{width:39px;height:39px;background:var(--lime);display:grid;place-items:center;border-radius:50%;font-weight:800}.flash-wrap{margin-top:20px}.page-title{display:flex;justify-content:space-between;align-items:end;padding:35px 0 25px}.page-title h1{font-size:29px;margin:5px 0}.page-title p{color:var(--muted);margin:0;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid article,.panel,.quick-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stats-grid article{display:grid;grid-template-columns:48px 1fr}.stat-icon{grid-row:1/4;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.purple{background:#eee9ff;color:#6852b5}.orange{background:#fff0dc;color:#b86c18}.green{background:#e3f4e8;color:#24703c}.blue{background:#e4f2fa;color:#28739b}.stats-grid small{color:var(--muted);font-size:11px}.stats-grid strong{font-size:23px;margin-top:5px}.stats-grid p{font-size:10px;color:var(--muted);margin:4px 0}.stats-grid p b{color:#c66a38}.dashboard-grid{display:grid;grid-template-columns:1fr 270px;gap:18px;margin-top:18px}.panel{padding:0;overflow:hidden}.panel-head{padding:19px;display:flex;justify-content:space-between}.panel-head h2,.quick-panel h2{font-size:16px;margin:0}.panel-head p{margin:4px 0;color:var(--muted);font-size:11px}.panel-head a{font-size:11px;color:var(--green)}.table{font-size:12px;margin:0}.table th{font-size:10px;color:var(--muted);font-weight:600;background:#fafbf9;padding:12px 18px}.table td{padding:14px 18px}.status{padding:6px 9px;border-radius:20px;font-size:9px;font-weight:700}.status.rented{background:#fff1dc;color:#a26113}.status.returned{background:#e1f3e7;color:#267141}.status.cancelled{background:#fbe5e3;color:#9d3c35}.quick-panel{display:grid;align-content:start;gap:9px}.quick-panel h2{margin-bottom:8px}.quick-panel a{display:flex;gap:11px;padding:12px;background:#f7f8f5;border-radius:10px}.quick-panel>a>i{color:var(--green);margin-top:4px}.quick-panel span{display:grid}.quick-panel b{font-size:12px}.quick-panel small{font-size:9px;color:var(--muted)}
@media(max-width:900px){.store-nav nav{display:none}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero-copy h1{font-size:47px}.product-grid{grid-template-columns:repeat(2,1fr)}.order-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:80px 1fr}.admin-brand span:not(.brand-mark),.sidebar a{font-size:0}.sidebar a i{font-size:16px}.main-content{padding:0 18px 35px}}@media(max-width:600px){.hero{padding-top:45px;min-height:500px}.hero-copy h1{font-size:40px}.hero-search button{padding:13px}.trust{gap:16px}.product-grid{grid-template-columns:1fr}.catalog,.order-section{padding:65px 18px}.how>div{grid-template-columns:1fr}.how article+article{border-left:0;border-top:1px solid #ffffff20}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.page-title{align-items:start;gap:15px}.page-title .btn{font-size:0}.page-title .btn i{font-size:15px}footer{flex-direction:column;justify-content:center;gap:10px}}
.inline-form { display: inline-block; margin: 0; }