*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#152b39;background:#fafbf9;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ddac42;outline-offset:3px}button{border:0;background:transparent;color:inherit}a{color:inherit;text-decoration:none}.demo{background:#183f36;color:#f3f8ef;padding:10px;text-align:center;font-size:11px;letter-spacing:.8px}header{max-width:1240px;margin:auto;padding:27px 24px;display:flex;align-items:center;gap:50px}.logo{font-size:31px;letter-spacing:-1.5px;font-weight:900;line-height:1}.logo span{font-weight:500;margin-left:6px}.logo small{display:block;letter-spacing:3px;font-size:8px;margin-top:9px}.search{display:flex;align-items:center;gap:10px;background:#f0f2ef;border:1px solid #e1e5df;border-radius:7px;padding:10px 15px;flex:1}.search span{font-size:25px}.search input{width:100%;background:none;border:0;outline:none;font-size:14px}.cart{font-size:13px}.cart b{background:#dfe9df;padding:7px 11px;border-radius:50%;margin-left:9px}nav{border-top:1px solid #e4e7e0;border-bottom:1px solid #e4e7e0;padding:0 max(24px,calc((100vw - 1192px)/2));display:flex;align-items:center;gap:32px;background:#fff}nav button{padding:17px 0;font-size:13px;white-space:nowrap}.active{color:#2c6854;font-weight:700}nav span{margin-left:auto;font-size:11px;color:#708078}main{max-width:1240px;padding:26px 24px;margin:auto}.hero{position:relative;overflow:hidden;background:#e9eee4;border-radius:12px;padding:62px 50px;display:grid;grid-template-columns:1.1fr 1fr;min-height:445px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#486252}h1{font-size:51px;line-height:1.1;letter-spacing:-2.3px;margin:23px 0}h1 em{font-style:normal;color:#497058}.hero p{color:#617366;font-size:15px;line-height:1.8}.primary{background:#214c3c;color:#fff;padding:15px 23px;border-radius:5px;font-size:13px;font-weight:600}.text{padding:15px;font-size:13px}.hero-caption{font-size:8px;letter-spacing:2px;margin-top:39px;color:#738275}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:350px;height:350px;border:1px solid #c4d0ba;border-radius:50%;box-shadow:0 0 0 35px #e0e8d966}.device-wrap{display:flex;justify-content:center;align-items:center;height:220px;position:relative}.device{width:100px;height:175px;background:linear-gradient(125deg,#ffffff80,var(--device) 35%,#526b7755);border:3px solid #ffffff9c;border-radius:19px;box-shadow:12px 15px 25px #293b4222;position:relative;transform:rotate(-9deg)}.lens{position:absolute;top:13px;left:12px;border-radius:50%;width:18px;height:18px;background:#1b2d37;border:4px solid #718389;box-shadow:0 0 0 2px #e0e6e5}.second{top:40px}.shine{position:absolute;left:30%;top:50%;width:15px;height:15px;border-radius:50%;background:#ffffff65}.hero-art>.device-wrap{transform:scale(1.5);width:140px;z-index:1}.hero-art>.device-wrap:nth-of-type(3){transform:scale(1.5) translateY(25px) rotate(20deg)}.float-label{position:absolute;bottom:5px;right:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;border-radius:7px;z-index:2;font-size:12px;line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-bottom:1px solid #dde3d9;margin-bottom:42px}.benefits div{text-align:center;border-right:1px solid #dde3d9}.benefits div:last-child{border:0}.benefits b{font-size:12px;display:block}.benefits span{font-size:11px;color:#77847c;display:block;margin-top:6px}.section-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:12px 0 20px;color:#152b39}.section-title select{padding:12px;border:1px solid #dce2d8;background:#fff;border-radius:5px;font-size:12px}.chips{display:flex;gap:10px;align-items:center;margin:10px 0 24px}.chips button{border:1px solid #dce2d8;border-radius:20px;padding:9px 20px;font-size:12px;background:#fff}.chips .active{background:#234e3d;color:#fff;border-color:#234e3d}.chips small{margin-left:auto;color:#77847c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}article{background:#fff;border:1px solid #e4e8e1;border-radius:9px;overflow:hidden}.product-image{display:block;width:100%;position:relative;background:#f1f3ee;overflow:hidden}.product-image:hover .device{transform:rotate(0) translateY(-5px);transition:.25s}.tag{position:absolute;top:16px;left:16px;font-size:9px;background:#fff;padding:6px 10px;border-radius:3px}.view{position:absolute;bottom:12px;right:15px;font-size:10px;color:#647767}.product-content{padding:21px}.product-content>small{font-size:10px;color:#728377;text-transform:uppercase;letter-spacing:1px}.product-name{display:block;text-align:left;padding:8px 0 0;font-size:17px;font-weight:700}.product-content p{font-size:12px;color:#89918b}.price{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.price b{font-size:18px}.price button{background:#e8efe5;width:34px;height:34px;border-radius:50%;font-size:21px}.laptops .device{width:180px;height:115px;border-radius:7px;background:linear-gradient(135deg,#1c453c,#9aaf96);border:7px solid #b3bdc1;transform:rotate(-6deg)}.laptops .device:after{content:"";position:absolute;bottom:-19px;left:-20px;width:207px;height:12px;background:#a1adb4;border-radius:2px 2px 10px 10px}.laptops .lens{display:none}.accessories .device{width:110px;height:125px;border:13px solid var(--device);border-bottom:0;background:none;border-radius:65px 65px 20px 20px;box-shadow:none}.accessories .lens{width:28px;height:65px;top:50px;left:-20px;background:var(--device);border:0;border-radius:12px;box-shadow:none}.accessories .second{left:auto;right:-20px}.accessories .shine{display:none}.banner{display:flex;align-items:center;justify-content:space-around;background:#e9edf2;padding:42px;border-radius:10px;margin:40px 0 15px}.banner>.device-wrap{transform:scale(1.3);width:40%}footer{padding:38px 24px;text-align:center;border-top:1px solid #e0e5dc}footer p{font-size:12px;color:#7a857d}footer small{font-size:10px;color:#7a857d}.overlay{position:fixed;inset:0;background:#102b3866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10;padding:20px}.modal{position:relative;background:#fff;padding:32px;border-radius:12px;max-height:90vh;overflow:auto;width:500px;max-width:100%;box-shadow:0 20px 90px #152b3944}.modal p{font-size:13px;line-height:1.7;color:#67746d}.close{position:absolute;right:15px;top:10px;font-size:28px;z-index:2}.bag-line{padding:18px 0;border-bottom:1px solid #dce2d8}.bag-line input{width:60px;padding:7px;margin:0 15px;border:1px solid #ccd5ca;border-radius:4px}.bag-line button{text-decoration:underline;font-size:12px}.bag-line label{font-size:12px}.checkout-note{background:#f2f4ef;padding:15px;border-radius:6px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#173c30;color:#fff;border-radius:6px;padding:15px 20px;z-index:20;font-size:12px;max-width:90%;box-shadow:0 5px 30px #0003}.toast button{margin-left:15px;color:#fff}.empty{padding:40px;text-align:center}@media(max-width:750px){header{gap:20px;flex-wrap:wrap;padding:20px}.logo{font-size:25px}.search{order:3;flex-basis:100%}.cart{margin-left:auto}nav{gap:22px;overflow:auto}nav span{display:none}main{padding:16px}.hero{padding:30px 25px;grid-template-columns:1fr;min-height:auto}h1{font-size:40px}.hero-art{height:280px;margin-top:35px}.hero-art>.device-wrap{transform:scale(1.2)}.hero-art>.device-wrap:nth-of-type(3){transform:scale(1.2) rotate(20deg)}.orbit{height:240px;width:240px}.hero-caption{margin-top:22px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-content{padding:14px}.product-name,.price b{font-size:14px}.device-wrap{height:190px}.laptops .device{transform:scale(.7) rotate(-6deg)}.product-image:hover .device{transform:scale(.8)}.section-title{align-items:flex-start;gap:10px}h2{font-size:23px}.section-title select{max-width:130px}.chips{gap:5px;flex-wrap:wrap}.chips button{padding:8px 13px}.chips small{display:none}.banner{padding:25px;display:block}.banner>.device-wrap{width:100%;transform:scale(1)}.benefits{gap:8px}.benefits b,.benefits span{font-size:10px}.demo{font-size:9px;line-height:1.6}}.actual-photo img{width:90%;height:85%;object-fit:contain}.admin{max-width:1350px;padding:30px 24px}.admin h1{font-size:38px;letter-spacing:-1px}.admin-top{display:flex;gap:25px;align-items:center;border-bottom:1px solid #dce2d8;padding-bottom:25px}.admin-top .logo{margin-right:auto}.admin-top a,.admin-top button{font-size:14px}.admin-top .logo{font-size:26px}.admin-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;margin-top:25px}.admin-panel,.admin-login{background:#fff;border:1px solid #dce2d8;border-radius:12px;padding:26px}.admin-login{max-width:420px}.admin label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.admin input,.admin select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #cbd7ce;border-radius:5px;background:#fff}.admin input[type=color]{height:44px;padding:4px}.admin input:focus-visible,.admin select:focus-visible{outline:2px solid #497058;outline-offset:2px}.admin input:disabled{background:#edf0eb;color:#657167}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.admin small{font-size:11px;font-weight:400;color:#63756b;display:block;margin-top:7px;line-height:1.5}.admin-actions{display:flex;align-items:center;gap:15px}.admin-error,.admin-success{padding:15px;border-radius:6px;margin:20px 0;line-height:1.6}.admin-error{color:#872b25;background:#fff0ed}.admin-success{color:#214c3c;background:#e5efe5}.admin-photo{display:flex;align-items:center;gap:20px;margin-bottom:20px}.admin-photo img{width:100px;height:100px;object-fit:contain}.admin-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e3e9e1;padding:20px 0}.admin-row img{width:65px;height:65px;object-fit:contain}.admin-row p{font-size:12px;margin:7px 0}.admin-row-actions{display:flex;gap:10px;margin-left:auto}.admin-row-actions button{border:1px solid #dce2d8;padding:8px;border-radius:4px;font-size:12px}.admin .danger{color:#932b22}.admin-note{font-size:12px;margin-top:28px;color:#64776c}button:disabled{opacity:.5;cursor:not-allowed}.admin-panel h2 small{display:inline}.admin-list{max-height:740px;overflow:auto}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}}@media(max-width:500px){.admin-fields{grid-template-columns:1fr}.admin-panel{padding:20px}.admin-row{flex-wrap:wrap}.admin-top{gap:12px}.admin-top .logo{font-size:20px}.admin h1{font-size:29px}}textarea{font:inherit;resize:vertical}.modal-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.checkout{width:620px}.checkout-summary,.order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce2d8;border-bottom:1px solid #dce2d8;padding:15px 0;margin:12px 0 20px}.checkout-summary b,.order-total b{font-size:18px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.checkout-grid label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}.checkout-grid input,.checkout-grid textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #cbd7ce;border-radius:5px;background:#fff;color:#152b39}.checkout-grid input:focus-visible,.checkout-grid textarea:focus-visible{outline:2px solid #497058;outline-offset:2px}.checkout-grid .full{grid-column:1/-1}.checkout-grid label small{font-weight:400;color:#708078}.payment-box{display:grid;grid-template-columns:1fr auto;gap:4px 20px;background:#f2f4ef;border-radius:7px;padding:15px;margin-top:3px}.payment-box span{font-weight:700}.payment-box small{grid-column:1/-1;color:#6d7d73;line-height:1.5}.order-success{text-align:center;max-width:480px}.success-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e5efe5;color:#214c3c;font-size:28px;font-weight:700}.order-ref{font-size:21px;font-weight:800;letter-spacing:1px;background:#f1f4ef;border:1px solid #dce2d8;border-radius:7px;padding:14px;margin:10px 0 18px;word-break:break-word}.order-success .order-total{text-align:left}.admin-tabs{display:flex;gap:10px;margin:24px 0 0;border-bottom:1px solid #dce2d8}.admin-tabs button{padding:12px 18px;border-radius:7px 7px 0 0;font-size:13px}.admin-tabs button.active{background:#214c3c;color:#fff}.admin-tabs b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#e8efe5;color:#214c3c;margin-left:6px;font-size:11px}.admin-tabs button.active b{background:#fff;color:#214c3c}.admin-orders{margin-top:25px}.orders-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.orders-heading>button{border:1px solid #dce2d8;border-radius:5px;padding:10px 14px}.order-filters{display:grid;grid-template-columns:1fr 190px;gap:12px;margin:6px 0 18px}.order-filters input,.order-filters select{margin:0}.orders-table{overflow:auto;border-top:1px solid #e3e9e1}.order-row{display:grid;grid-template-columns:1.25fr 1.2fr .85fr .8fr 1.1fr auto;gap:14px;align-items:center;min-width:900px;padding:15px 8px;border-bottom:1px solid #e3e9e1;font-size:12px}.order-row>div{min-width:0}.order-row b{display:block}.order-row small{display:block;margin:5px 0 0;color:#68796f;line-height:1.35}.order-row>button{border:1px solid #dce2d8;border-radius:5px;padding:8px 11px}.order-head{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6f7e76;background:#f8faf7;font-weight:700}.status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:14px;font-size:10px;font-weight:700;background:#eef1ed;color:#44594d}.status-confirmed,.status-processing{background:#e8edf8;color:#36527a}.status-shipped{background:#eee8f8;color:#5d477a}.status-completed{background:#e5efe5;color:#214c3c}.status-cancelled{background:#fff0ed;color:#872b25}.status-pending{background:#fff4d8;color:#705612}.order-admin-modal{width:680px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f7f9f6;padding:16px;border-radius:7px;margin-bottom:16px}.order-detail-grid small,.order-note small{display:block;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#718078;margin-bottom:6px}.order-detail-grid p{margin:7px 0 0;word-break:break-word}.order-note{border:1px solid #e2e8df;border-radius:7px;padding:14px;margin-bottom:16px}.order-note p{margin:5px 0 0}.order-items{border-top:1px solid #dce2d8}.order-items>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e3e9e1;font-size:12px}.order-items small{display:block;color:#6d7d73;margin-top:5px}.order-items>div>span:last-child{white-space:nowrap}.order-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#68796f;margin-bottom:18px}.order-admin-modal>label{display:block;font-size:12px;font-weight:700;margin-top:8px}.order-admin-modal>label select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #cbd7ce;border-radius:5px;background:#fff}@media(max-width:650px){.checkout-grid{grid-template-columns:1fr}.checkout-grid .full{grid-column:auto}.checkout{padding:24px}.payment-box{grid-template-columns:1fr}.payment-box span{margin-top:4px}.payment-box small{grid-column:auto}.modal-actions{align-items:stretch}.modal-actions button{flex:1 1 auto}.order-detail-grid{grid-template-columns:1fr}.order-meta{display:block}.order-meta span{display:block;margin:5px 0}.admin-tabs{overflow:auto}.order-filters{grid-template-columns:1fr}.order-admin-modal{padding:24px}}