.catalog-page{--cg:#087f59;--cg-dark:#073e30;--cg-soft:#eaf8f2;min-height:100vh;background:#f4f8f6;color:#19382e;font-family:"Tajawal",sans-serif}.catalog-page *{box-sizing:border-box}.catalog-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1380px)/2));border-bottom:1px solid #e0e9e5;background:#fff}.catalog-brand{display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;color:#164c3b;text-decoration:none}.catalog-brand>span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 4px 15px #114b3514}.catalog-brand img{width:44px;height:44px;object-fit:contain}.catalog-brand b{align-self:end;font-size:17px;line-height:1}.catalog-brand small{align-self:start;margin-top:3px;color:#7e9189;font-size:9px}.catalog-topbar>nav{display:flex;align-items:center;gap:7px}.catalog-topbar>nav a,.catalog-topbar>div a{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;color:#62736c;text-decoration:none;font-size:12px;font-weight:800}.catalog-topbar>nav a.active{background:var(--cg-soft);color:var(--cg)}.catalog-topbar>div{display:flex;gap:7px}.catalog-topbar>div .add{background:var(--cg);color:#fff}
.catalog-hero{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:40px max(28px,calc((100vw - 1380px)/2));background:linear-gradient(135deg,#063e30,#07845b 60%,#0a9f6c);color:#fff}.catalog-hero>div>span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff26;border-radius:99px;background:#ffffff12;color:#dff5ec;font-size:10px;font-weight:800}.catalog-hero h1{margin:10px 0 5px;color:#fff;font-size:30px;font-weight:900}.catalog-hero p{margin:0;color:#d3e9e0;font-size:12px}.catalog-hero form{width:min(540px,46vw);height:54px;display:flex;align-items:center;gap:9px;padding:6px 7px 6px 15px;border-radius:17px;background:#fff;box-shadow:0 13px 35px #052c202e}.catalog-hero form>i{color:#789088}.catalog-hero input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:12px}.catalog-hero button{height:42px;padding:0 20px;border:0;border-radius:12px;background:#f3c83e;color:#3e3100;font-family:inherit;font-weight:900}
.catalog-types{display:flex;gap:9px;overflow-x:auto;padding:15px max(28px,calc((100vw - 1380px)/2));border-bottom:1px solid #e0e9e5;background:#fff;scrollbar-width:none}.catalog-types::-webkit-scrollbar{display:none}.catalog-types a{position:relative;min-width:88px;height:74px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:center;padding:10px;border:1px solid #e0e8e4;border-radius:15px;color:#60736b;text-decoration:none;transition:.2s}.catalog-types a>i{align-self:end;color:#769087;font-size:20px}.catalog-types a span{align-self:start;font-size:10px;font-weight:800}.catalog-types a small{grid-row:1/3;min-width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#f1f5f3;color:#7f8e88;font-size:8px}.catalog-types a.active{border-color:#57b894;background:#edfaf4;color:var(--cg);box-shadow:0 7px 20px #087f5914}.catalog-types a.active>i{color:var(--cg)}.catalog-types a.active small{background:var(--cg);color:#fff}
.catalog-shell{width:min(1380px,calc(100% - 40px));display:grid;grid-template-columns:275px minmax(0,1fr);gap:20px;margin:24px auto 110px}.catalog-filter{align-self:start;position:sticky;top:18px;overflow:hidden;border:1px solid #e0e8e4;border-radius:20px;background:#fff;box-shadow:0 10px 35px #173e2f0b}.catalog-filter>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #edf2ef}.catalog-filter>header>div{display:flex;align-items:center;gap:10px}.catalog-filter>header>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--cg-soft);color:var(--cg)}.catalog-filter>header b,.catalog-filter>header small{display:block}.catalog-filter>header b{font-size:12px}.catalog-filter>header small{margin-top:2px;color:#899790;font-size:8px}.catalog-filter>header button{display:none}.catalog-filter form{padding:4px 16px 17px}.catalog-filter fieldset{margin:0;padding:15px 0;border:0;border-bottom:1px solid #edf2ef}.catalog-filter legend{margin:0 0 9px;color:#344f45;font-size:10px;font-weight:900}.catalog-purpose{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.catalog-purpose input{position:absolute;opacity:0}.catalog-purpose span{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dce6e2;border-radius:10px;color:#75867f;font-size:9px;font-weight:800;cursor:pointer}.catalog-purpose input:checked+span{border-color:var(--cg);background:var(--cg-soft);color:var(--cg)}.catalog-field{height:43px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d9e3df;border-radius:11px;background:#fbfdfc}.catalog-field i{color:#81938b}.catalog-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:10px}.catalog-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-two label{display:flex;align-items:center;overflow:hidden;border:1px solid #dae4df;border-radius:10px}.catalog-two span{padding:0 7px;color:#8b9993;font-size:8px}.catalog-two input{width:100%;height:39px;min-width:0;border:0;outline:0;background:#fbfdfc;font-family:inherit;font-size:9px}.catalog-featured{display:block;margin:14px 0;cursor:pointer}.catalog-featured input{position:absolute;opacity:0}.catalog-featured span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #f0df9b;border-radius:11px;background:#fffaf0;color:#7b6512;font-size:9px}.catalog-featured input:checked+span{border-color:#e0b920;background:#fff4c9}.catalog-featured i{color:#e4b51c}.catalog-apply{width:100%;height:44px;border:0;border-radius:12px;background:var(--cg);color:#fff;font-family:inherit;font-size:10px;font-weight:900}.catalog-reset{display:block;margin-top:10px;text-align:center;color:#7c8b85;font-size:9px;text-decoration:none}
.catalog-results>header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.catalog-results>header small{color:var(--cg);font-size:9px;font-weight:900}.catalog-results>header h2{margin:3px 0;color:#173d31;font-size:19px;font-weight:900}.catalog-results>header h2 strong{color:var(--cg);font-size:23px}.catalog-results>header p{margin:0;color:#8a9892;font-size:9px}.catalog-result-tools{display:flex;align-items:center;gap:7px}.catalog-result-tools>button{display:none}.catalog-result-tools select{height:42px;padding:0 10px;border:1px solid #dce6e1;border-radius:11px;background:#fff;color:#53675f;font-family:inherit;font-size:10px}.catalog-view-switch{display:flex;padding:4px;border:1px solid #dce6e1;border-radius:11px;background:#fff}.catalog-view-switch button{width:34px;height:32px;border:0;border-radius:8px;background:transparent;color:#82918b}.catalog-view-switch button.active{background:var(--cg-soft);color:var(--cg)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card{position:relative;min-width:0;overflow:hidden;border:1px solid #e0e8e4;border-radius:19px;background:#fff;box-shadow:0 6px 22px #163e2f0a;transition:.23s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px #163e2f18}.catalog-card-media{position:relative;height:205px;display:block;overflow:hidden;background:#dfeae4}.catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.catalog-card:hover .catalog-card-media img{transform:scale(1.04)}.catalog-card-media>span{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:6px;background:linear-gradient(145deg,#ddefe6,#b5d4c4);color:#39755b}.catalog-card-media>span i{font-size:45px}.catalog-card-media em,.catalog-card-media>b{position:absolute;top:11px;padding:6px 8px;border-radius:9px;font-size:8px;font-style:normal;font-weight:900}.catalog-card-media em{right:11px;background:#f4c83e;color:#413200}.catalog-card-media>b{left:11px;background:#ffffffed;color:#178358}.catalog-heart{position:absolute;z-index:2;top:169px;left:12px;width:38px;height:38px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#fff;color:#dc385b;box-shadow:0 5px 15px #183e3026}.catalog-heart.saved{background:#e8345b;color:#fff}.catalog-card-body{padding:15px}.catalog-card-body>header{display:flex;justify-content:space-between;color:var(--cg);font-size:9px;font-weight:900}.catalog-card-body>header small{color:#97a39e;font-weight:500}.catalog-card-body h2{height:42px;overflow:hidden;margin:7px 0 4px;font-size:14px;font-weight:900;line-height:1.5}.catalog-card-body h2 a{color:#18372d;text-decoration:none}.catalog-card-body>p{overflow:hidden;margin:0;color:#778880;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.catalog-card-body>p i{margin-left:4px;color:var(--cg)}.catalog-meta{display:flex;gap:10px;margin:11px 0;padding:9px 0;border-block:1px solid #edf1ef;color:#6d7d76;font-size:8px}.catalog-meta span{display:flex;align-items:center;gap:4px}.catalog-card-body>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-card-body>footer strong,.catalog-card-body>footer small{display:block}.catalog-card-body>footer strong{color:#116f4c;font-size:13px}.catalog-card-body>footer small{margin-top:2px;color:#8b9993;font-size:7px}.catalog-card-body>footer>a{padding:8px 10px;border-radius:9px;background:var(--cg-soft);color:var(--cg);font-size:9px;font-weight:900;text-decoration:none}.catalog-grid.list{grid-template-columns:1fr}.catalog-grid.list .catalog-card{display:grid;grid-template-columns:260px 1fr}.catalog-grid.list .catalog-card-media{height:210px}.catalog-grid.list .catalog-heart{top:15px;left:auto;right:220px}.catalog-grid.list .catalog-card-body{padding:22px}.catalog-grid.list .catalog-card-body h2{height:auto;font-size:18px}.catalog-empty{display:grid;place-items:center;min-height:390px;padding:40px;border:1px dashed #c8d9d1;border-radius:22px;background:#fff;text-align:center}.catalog-empty>i{font-size:42px;color:#8eb9a7}.catalog-empty h3{margin:10px 0 3px}.catalog-empty p{color:#7d8b85;font-size:11px}.catalog-empty a{padding:9px 13px;border-radius:10px;background:var(--cg);color:#fff;font-size:10px;text-decoration:none}.catalog-pagination{display:flex;justify-content:center;gap:6px;margin-top:25px}.catalog-pagination a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dae5e0;border-radius:10px;background:#fff;color:#60736b;text-decoration:none;font-size:10px;font-weight:900}.catalog-pagination a.active{border-color:var(--cg);background:var(--cg);color:#fff}.catalog-mobile-nav{display:none}
@media(max-width:1120px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-topbar{padding-inline:20px}.catalog-hero,.catalog-types{padding-inline:20px}.catalog-shell{width:calc(100% - 28px)}}
@media(max-width:767.98px){.catalog-page{padding-bottom:92px}.catalog-topbar{height:64px;padding:0 13px}.catalog-brand{grid-template-columns:43px auto}.catalog-brand>span{width:43px;height:43px}.catalog-brand img{width:40px;height:40px}.catalog-topbar>nav,.catalog-topbar>div .add{display:none}.catalog-topbar>div a{padding:9px;background:#f1f6f3}.catalog-hero{display:block;padding:23px 14px 18px}.catalog-hero h1{font-size:23px}.catalog-hero p{font-size:10px}.catalog-hero form{width:100%;height:50px;margin-top:16px}.catalog-hero button{height:38px;padding-inline:15px}.catalog-types{padding:10px 12px}.catalog-types a{min-width:73px;height:65px;padding:8px}.catalog-types a>i{font-size:18px}.catalog-shell{width:100%;display:block;margin:14px 0 20px;padding:0 11px}.catalog-filter{position:fixed;z-index:2600;inset:0;overflow:auto;border:0;border-radius:0;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.catalog-filter.open{transform:translateY(0)}.catalog-filter>header{position:sticky;z-index:1;top:0;background:#fff}.catalog-filter>header button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;background:#eef3f1}.catalog-filter form{padding-bottom:30px}.catalog-results>header{align-items:center}.catalog-results>header h2{font-size:16px}.catalog-results>header p{display:none}.catalog-result-tools>button{position:relative;height:42px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #dce6e1;border-radius:11px;background:#fff;color:#52675e;font-family:inherit;font-size:9px;font-weight:900}.catalog-result-tools>button b{position:absolute;top:-5px;right:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e53d5e;color:#fff;font-size:7px}.catalog-view-switch{display:none}.catalog-result-tools select{max-width:120px}.catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.catalog-card{border-radius:15px}.catalog-card-media{height:145px}.catalog-heart{top:117px;left:7px;width:34px;height:34px}.catalog-card-media em,.catalog-card-media>b{top:7px;padding:5px 6px}.catalog-card-media em{right:7px}.catalog-card-media>b{left:7px}.catalog-card-body{padding:10px}.catalog-card-body h2{height:36px;margin-top:5px;font-size:11px}.catalog-meta{gap:6px;margin:8px 0;padding:7px 0}.catalog-meta span:nth-child(3){display:none}.catalog-card-body>footer{align-items:flex-end}.catalog-card-body>footer strong{font-size:10px}.catalog-card-body>footer>a{padding:7px;font-size:8px}.catalog-grid.list .catalog-card{grid-template-columns:130px 1fr}.catalog-grid.list .catalog-card-media{height:170px}.catalog-grid.list .catalog-heart{top:133px;right:92px}.catalog-grid.list .catalog-card-body{padding:12px}.catalog-grid.list .catalog-card-body h2{font-size:13px}.catalog-mobile-nav{position:fixed;z-index:2200;right:9px;left:9px;bottom:max(9px,env(safe-area-inset-bottom));height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px;border:1px solid #dce7e2;border-radius:23px;background:#fffffff5;box-shadow:0 17px 42px #123e2e38;backdrop-filter:blur(17px)}.catalog-mobile-nav a{height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:15px;color:#72827b;text-decoration:none;font-size:9px;font-weight:800}.catalog-mobile-nav i{font-size:18px}.catalog-mobile-nav a.active{background:var(--cg-soft);color:var(--cg)}.catalog-mobile-nav a.primary{height:65px;margin-top:-18px;border:5px solid #fff;background:var(--cg);color:#fff;box-shadow:0 9px 21px #087f5945}.catalog-mobile-nav a.primary i{font-size:21px}}
@media(max-width:370px){.catalog-grid{grid-template-columns:1fr}.catalog-card-media{height:190px}.catalog-heart{top:161px}}