.site-page:has(.shelf-page){background:#030d17}.site-page>.shelf-page{width:min(1400px,92%)}.shelf-page{padding:8px 0 45px}.shelf-page a{text-decoration:none}.shelf-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;min-height:330px;align-items:center;padding:18px 0 28px}.shelf-intro>span{font-size:12px;color:#39b9fb}.shelf-intro h1{font-size:clamp(30px,3.4vw,45px);line-height:1.4;margin:14px 0;max-width:520px;color:#f0f6fc}.shelf-intro h1 em{font-style:normal;color:#27b5ff}.shelf-intro p{font-size:14px;line-height:1.9;color:#afc2d5;max-width:550px;margin-bottom:22px}.shelf-highlights{display:flex;gap:27px}.shelf-highlights>div{text-align:center;display:flex;flex-direction:column;gap:8px}.shelf-highlights i{color:#36bbff;font-size:24px;font-style:normal}.shelf-highlights span{font-size:10px;color:#a9bbcc}.shelf-visual{position:relative;height:340px;direction:ltr;isolation:isolate}.shelf-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#0870c344,transparent 68%);z-index:-1}.shelf-laptop{position:absolute;width:min(78%,480px);left:8%;top:28px;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.shelf-laptop-screen{position:relative;border:7px solid #102130;border-radius:14px;background:#061521;overflow:hidden;aspect-ratio:1.7;box-shadow:0 15px 35px #0008,0 0 0 1px #3e5c73}.shelf-laptop-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top}.shelf-laptop-base{height:12px;width:114%;margin-left:-7%;background:linear-gradient(#4e677b,#132230);border-radius:0 0 30px 30px;box-shadow:0 15px 25px #0009}.shelf-laptop-base:after{content:'';display:block;width:25%;height:3px;background:#0f1b26;border-radius:0 0 6px 6px;margin:auto}.shelf-phone{position:absolute;right:0;bottom:10px;width:105px;height:207px;border:5px solid #1c3247;border-radius:20px;background:linear-gradient(145deg,#e2f5ff,#a7d8fc);box-shadow:0 12px 30px #0008;rotate:7deg;text-align:center;color:#124268;padding:10px}.shelf-phone>span{display:block;width:34px;height:5px;border-radius:8px;background:#1b3045;margin:-6px auto 18px}.shelf-phone b{font-size:14px;line-height:1.6}.shelf-phone div{font-size:22px;line-height:1.8;color:#117fcc;margin-top:12px}.shelf-float{position:absolute;font-size:11px;padding:10px 13px;border:1px solid #24415d;border-radius:9px;background:#071622e0;color:#97d2f6;z-index:2}.float-one{right:-4px;top:5px}.float-two{left:-10px;top:15px}.float-three{left:0;bottom:40px;color:#b7a2ff}.shelf-filters{display:flex;justify-content:space-between;gap:16px;padding:10px;background:#081b2a;border:1px solid #203d54;border-radius:11px}.shelf-filters nav{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.shelf-filters nav a{font-size:12px;padding:10px 15px;border:1px solid #233b4f;border-radius:7px;background:#0e2334;color:#bacbd9;white-space:nowrap}.shelf-filters nav a.selected{background:#099dee;border-color:#1eb7ff;color:white;box-shadow:0 0 14px #139de735}.shelf-filters form{position:relative;min-width:220px;flex:1;max-width:330px}.shelf-filters input{width:100%;height:38px;border:1px solid #28445d;background:#06121f;color:#d9ebf7;border-radius:7px;padding:8px 33px 8px 12px;font:12px 'IBM Plex Sans Arabic',sans-serif}.shelf-filters button{position:absolute;right:7px;top:5px;border:0;background:transparent;color:#a7bdd0;font-size:24px;cursor:pointer}.shelf-result-count{font-size:11px;color:#779ab4;margin:12px 2px}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shelf-card{border:1px solid #1d3449;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#0c1f30,#071320);display:flex;flex-direction:column;min-width:0;box-shadow:0 6px 25px #0003;transition:border-color .25s,transform .25s}.shelf-card:hover{border-color:#237db0;transform:translateY(-3px)}.shelf-card-cover{position:relative;aspect-ratio:1.7;background:#071824;overflow:hidden}.shelf-card-cover>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s}.shelf-card:hover .shelf-card-cover>img{transform:scale(1.035)}.shelf-badge{position:absolute;top:9px;right:9px;padding:4px 9px;border-radius:6px;background:#087cb8;color:white;font-size:10px}.badge-mobile{background:#8533db}.badge-admin{background:#087fa6}.badge-services{background:#187b66}.shelf-card-body{display:flex;flex-direction:column;flex:1;padding:13px 14px}.shelf-card h2{font-size:15px;line-height:1.7;margin:0 0 7px;color:#e6f2fc}.shelf-card-body>p{font-size:11px;color:#8eabc2;line-height:1.8;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-tech{display:flex;gap:5px;flex-wrap:wrap;direction:ltr;margin-top:auto;font-size:9px}.shelf-tech>span{background:#08466b;border-radius:4px;color:#4fbfff;padding:3px 6px}.shelf-tech small{font-size:9px;color:#92b0c8;background:#152c40;padding:3px 6px;border-radius:4px}.shelf-price{font-size:14px;font-weight:500;color:#e4f2fc;margin:12px 0;text-align:right}.shelf-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}.shelf-card-actions a{font-size:12px;text-align:center;padding:9px 7px;border-radius:7px}.shelf-preview{border:1px solid #263e53;background:#102437;color:#bdd1e2}.shelf-buy{border:1px solid #23b4fa;background:#0fa7ef;color:white;box-shadow:0 2px 12px #078ed02b}.shelf-buy:hover{background:#34baff}.shelf-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse at 60% 40%,#156e9b,#071421 80%);padding:20px}.shelf-placeholder>div{width:70%;height:100%;background:#edf5fb;border:5px solid #16304a;border-radius:8px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 8px 20px #0009}.shelf-placeholder span,.shelf-placeholder b{color:#2484bd;font-size:20px;text-align:center}.shelf-placeholder i{display:block;height:10px;background:#b1d9ee;border-radius:3px}.shelf-placeholder strong{font:28px monospace;color:#3dc4ff}.placeholder-mobile{background:radial-gradient(ellipse,#6538bd,#11112d)}.placeholder-web{background:radial-gradient(ellipse,#105497,#041527)}.shelf-custom{position:relative;display:flex;align-items:center;gap:25px;margin:28px 0 25px;padding:28px 32px 28px 205px;border:1px solid #1d4464;border-radius:12px;background:linear-gradient(110deg,#092a4a,#081926 75%);overflow:hidden}.shelf-custom>div:first-child{flex:1}.shelf-custom h2{font-size:20px;margin:0 0 8px;color:#e4f1fc}.shelf-custom p{font-size:12px;line-height:1.8;color:#97b7d0;margin:0}.shelf-custom>a{flex-shrink:0;background:#139dec;color:white;border:1px solid #35b6f9;border-radius:8px;padding:11px 19px;font-size:13px}.shelf-server-art{position:absolute;left:30px;bottom:0;width:130px;height:100%;display:flex;align-items:center;justify-content:center;gap:4px;color:#149cec;text-shadow:0 0 22px #1599ff}.shelf-server-art span{font-size:75px}.shelf-server-art b{font-size:48px}.shelf-server-art i{font-size:40px;font-style:normal;position:absolute;right:0;bottom:10px;color:#29e3c0}.shelf-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;text-align:center;padding:10px 0 30px}.shelf-benefits i{display:block;font-size:25px;color:#1dbbff;font-style:normal;margin-bottom:8px}.shelf-benefits>div:nth-child(3n) i{color:#1ccfac}.shelf-benefits h3{font-size:13px;margin:0 0 6px;color:#e6f1fa}.shelf-benefits p{font-size:10px;color:#8aacc5;line-height:1.9;margin:0}.shelf-how{text-align:center;border-top:1px solid #1b3348;padding:20px 0 0}.shelf-how h2{font-size:19px;margin:5px 0 10px}.shelf-how p{font-size:12px;color:#98b2c9;line-height:1.9}.shelf-how a{font-size:12px;color:#36bafb}.shelf-empty{padding:45px;text-align:center;border:1px solid #23425e;border-radius:12px;color:#adc8df}.shelf-empty h2{font-size:20px}.shelf-empty a{color:#38b7f9}.shelf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-filters{flex-wrap:wrap}.shelf-filters form{max-width:none}.shelf-hero{gap:25px}.shelf-benefits{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.shelf-hero{grid-template-columns:1fr;gap:10px}.shelf-intro h1{font-size:34px}.shelf-visual{max-width:520px;width:100%;margin:auto;height:300px}.shelf-highlights{justify-content:space-between;gap:10px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-custom{padding:24px;flex-direction:column;text-align:center}.shelf-server-art{display:none}.shelf-filters nav a{font-size:11px;padding:9px 10px}}@media(max-width:480px){.shelf-visual{height:230px}.shelf-phone{width:80px;height:160px;padding:8px}.shelf-phone b{font-size:11px}.shelf-phone div{font-size:17px}.shelf-laptop{top:20px}.shelf-float{font-size:9px;padding:7px 8px}.shelf-intro h1{font-size:31px}.shelf-intro p{font-size:13px}.shelf-grid{grid-template-columns:1fr}.shelf-card-cover{aspect-ratio:1.8}.shelf-card h2{font-size:18px}.shelf-card-body>p{font-size:13px}.shelf-card-actions a{font-size:13px}.shelf-benefits{grid-template-columns:repeat(2,1fr);gap:22px}.shelf-filters form{min-width:0;width:100%}}
.shelf-hero{direction:ltr}.shelf-intro{direction:rtl}

.shelf-card-actions [aria-disabled="true"]{font-size:12px;text-align:center;padding:9px 7px;border-radius:7px;opacity:.5;cursor:default}

.shelf-account-link{display:inline-block;color:#57c5ff;font-size:12px;margin-inline-start:18px}

.shelf-setup-label{display:block;font-size:10px;color:#8bc2e3;margin-bottom:4px}.shelf-price>strong{font-size:22px;color:#2abafd}

.shelf-price>small{display:inline-block;margin-inline-start:7px;font-size:11px;color:#a8c6dd}.shelf-price .shelf-setup-label:last-child{margin-top:5px}