:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{padding:30px}.page-title{font-size:32px;font-weight:700;margin-bottom:20px;color:#1f7a4d}.catalogue-scroll{display:flex;overflow-x:auto;gap:20px;padding-bottom:10px}.catalogue-card{min-width:220px;height:160px;background:#f5f5f5;border-radius:18px;border:1px solid #D6D6D6;text-decoration:none;color:#222;display:flex;flex-direction:column;align-items:center;padding:12px}.catalogue-card img{width:90%;height:100px;object-fit:contain}.catalogue-card span{margin-top:8px;font-size:20px;font-weight:600}.category-page{height:100vh;width:100vw;overflow:hidden;padding-top:120px;box-sizing:border-box;position:relative}.top-logo-container{position:fixed;top:20px;left:0;width:100%;display:flex;justify-content:center;z-index:100;pointer-events:none}.top-logo{height:80px;opacity:0;transform:translateY(-10px);filter:blur(6px);animation:logoReveal .8s ease forwards;animation-delay:.2s}@keyframes logoReveal{0%{opacity:0;transform:translateY(-10px);filter:blur(6px)}60%{opacity:.8;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.category-carousel{height:100%;display:flex;gap:40px;overflow-x:auto;overflow-y:hidden;padding:60px 50vw 40px;scroll-snap-type:x mandatory;align-items:flex-start;scrollbar-width:none;scroll-behavior:smooth}.category-carousel::-webkit-scrollbar{display:none}.category-slide{min-width:280px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;opacity:.45;transform:scale(.85);transition:transform .4s ease,opacity .4s ease}.category-slide.active{opacity:1;transform:scale(1)}.slide-inner{border-radius:22px;overflow:hidden;box-shadow:0 8px 18px #00000040;transition:transform .4s ease}.cat-img-large{width:280px;height:280px;object-fit:cover}.cat-title{margin-top:12px;font-size:26px;font-weight:700;color:#215732}.category-slide.active .slide-inner,.category-slide:hover .slide-inner{transform:scale(1.05)}.all-products-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:500;background:#000;color:#fff;padding:18px 32px;border-radius:18px;text-decoration:none;font-size:24px;font-weight:700;box-shadow:0 4px 18px #00000040;transition:transform .2s ease,background .2s ease}.all-products-btn:hover{transform:translate(-50%) scale(1.05);background:#111}.product-page{padding:0 40px 40px 280px;box-sizing:border-box}.product-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:20px 0;margin-bottom:20px;background:#fffe;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e2e2e2}.product-title{font-size:42px;font-weight:700;color:#215732;margin:0 0 30px}.product-grid{display:grid;grid-template-columns:repeat(3,240px);gap:32px 40px}.product-card{background:#fff;border-radius:22px;text-decoration:none;color:#222;text-align:center;padding:16px;box-shadow:0 6px 16px #00000014;border:1px solid #e5e5e5;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover,.product-card:active{transform:translateY(-6px) scale(1.03);box-shadow:0 10px 25px #0000002e}.prod-img-wrapper{position:relative;width:100%;height:180px;overflow:hidden;border-radius:18px;margin-bottom:12px}.prod-img{width:100%;height:100%;object-fit:cover}.prod-name{font-size:20px;font-weight:600;margin-top:4px;display:block}.prod-price{margin-top:4px;font-size:18px;font-weight:700;color:#1f7a4d}.product-badge{position:absolute;top:18px;left:18px;padding:7px 16px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff61;border:1px solid rgba(255,255,255,.65);color:#143d2a;text-shadow:0 1px 2px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.25);box-shadow:0 6px 18px #0000004d,inset 0 1px 1px #ffffff80;animation:badgeFadeIn .4s ease-out}.product-badge.new{background:#2ecc7173;border-color:#2ecc71bf;color:#0f3d26}.product-badge.promo{background:#f39c127a;border-color:#f39c12cc;color:#4a2c00}.catalogue-navbar{width:240px;min-width:240px;max-width:240px;background:#fff;border-radius:18px;padding:16px 0;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.logo-section{padding:0 20px 20px;text-align:center;border-bottom:1px solid #e3e3e3}.mj-logo{width:130px;object-fit:contain}.nav-buttons{width:100%;display:flex;flex-direction:column}.nav-btn{width:100%;padding:14px 18px;display:flex;align-items:center;gap:14px;text-decoration:none;color:#333;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e3e3e3;transition:background .2s}.nav-btn:last-child{border-bottom:none}.nav-btn:hover{background:#f7f7f7}.nav-btn.active{background:#e9f5ff;border-left:6px solid #0078d4;padding-left:12px}.nav-icon{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.nav-label{flex:1;text-overflow:ellipsis;overflow:hidden}.nav-btn-all{font-weight:600}.nav-icon-all{width:40px;height:40px;flex-shrink:0;margin-right:0}.nav-label-all{flex:1;font-size:18px;font-weight:600;text-align:left}.back-button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:#fff;border-radius:50%;border:3px solid black;text-decoration:none;cursor:pointer;transition:transform .2s}.arrow{width:50px;height:50px;display:block}.product-detail-page{padding:40px 40px 40px 280px;box-sizing:border-box}.back-button{border:none;background:#f5f5f5;border-radius:999px;padding:10px 18px;font-size:16px;cursor:pointer;margin-bottom:30px;transition:background .2s ease}.back-button:hover{background:#ebebeb}.product-detail-layout{display:flex;gap:60px;align-items:center;min-height:75vh}.product-detail-image-wrapper{position:relative;flex:1.1;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#f9f9f9,#fff);border-radius:28px;border:1px solid #e3e3e3;padding:30px;box-shadow:0 20px 40px #0000001f}.product-detail-image{max-width:100%;max-height:480px;object-fit:contain}.product-detail-info{flex:.9;display:flex;flex-direction:column;justify-content:center}.product-detail-title{font-size:42px;font-weight:800;margin-bottom:20px;color:#215732}.product-detail-description{font-size:18px;line-height:1.7;margin-bottom:35px;color:#444}.product-detail-price-box{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-radius:18px;background:#21573214;border:1px solid rgba(33,87,50,.15);width:fit-content}.price-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#666}.product-detail-price{font-size:32px;font-weight:800;color:#1f7a4d}.product-badge{position:absolute;top:18px;left:18px;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff47;border:1px solid rgba(255,255,255,.45);color:#1f7a4d;box-shadow:0 4px 14px #00000040,inset 0 1px 1px #ffffff59;z-index:10;animation:badgeFadeIn .4s ease-out}.product-badge.new{color:#1f7a4d;background:#2ecc7147;border-color:#2ecc7173}.product-badge.promo{color:#6b3f00;background:#f39c1252;border-color:#f39c1280}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.product-detail-layout{flex-direction:column;gap:30px}.product-detail-page{padding:20px}.product-detail-title{font-size:34px}.product-detail-image{max-height:360px}}.page{margin-left:260px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.page-title{margin-left:0}
