:root{--void:#050505;--ink:#0a0a0b;--panel:#111113;--line:rgba(232,198,104,.16);--gold:#e8c668;--gold2:#a77a25;--red:#6f0b13;--muted:#8b8983;--white:#f4f0e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.legendary{margin:0;background:#050505!important;background-image:none!important;color:var(--white);overflow-x:hidden}body.legendary:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 0,rgba(111,11,19,.12),transparent 27%),linear-gradient(120deg,#030303,#0b0b0c 50%,#050505)}body.legendary:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.legendary-shell{width:min(1440px,calc(100% - 48px));margin:auto}.legendary .main_header{height:82px;padding:0 max(24px,calc((100vw - 1440px)/2));background:rgba(5,5,5,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:relative;z-index:90}.legendary .main_header .left img{width:48px;height:48px;filter:drop-shadow(0 0 15px rgba(232,198,104,.25))}.legendary .main_header .left .title{color:var(--gold);font-size:25px}.legendary .main_header .left .subtitle{color:#777}.legendary .main_header .right a{background:transparent;border:1px solid transparent;color:#bbb8b1;padding:9px 20px}.legendary .main_header .right a:hover{color:var(--gold);border-color:var(--line);background:rgba(232,198,104,.04)}
.legend-hero{min-height:calc(100vh - 82px);position:relative;display:grid;align-items:center;background-image:linear-gradient(90deg,transparent 0%,rgba(5,5,5,.1) 38%,rgba(5,5,5,.82) 64%,#050505 100%),url('/static/images/berlin-portal-hero.png');background-position:center;background-size:cover;border-bottom:1px solid var(--line);isolation:isolate}.legend-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#050505);z-index:-1}.hero-copy{width:min(700px,54%);margin-left:auto;text-align:right;direction:rtl}.eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--gold);font:700 11px Arial;letter-spacing:4px;direction:ltr}.eyebrow:before{content:"";width:38px;height:1px;background:var(--gold);box-shadow:0 0 12px var(--gold)}.hero-copy h1{font-size:clamp(54px,7.7vw,118px);line-height:.92;margin:20px 0 24px;font-family:'Akira Expanded';letter-spacing:-4px;background:linear-gradient(110deg,#fff0a4,#d0a642 50%,#fff1ad);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 20px 45px #000)}.hero-copy h1 span{display:block;font-family:'Tajawal';font-size:.29em;line-height:1.5;letter-spacing:7px;color:#d7d2c7;-webkit-text-fill-color:#d7d2c7}.hero-copy>p{max-width:610px;margin-right:0;margin-left:auto;color:#aaa69d;font-size:19px;line-height:1.9}.legend-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:32px}.legend-btn{height:52px;padding:0 26px;display:inline-flex;align-items:center;gap:10px;border-radius:4px;font-weight:800;transition:.3s}.legend-btn.primary{background:linear-gradient(110deg,#f0d479,#a87520);color:#080808;box-shadow:0 15px 40px rgba(167,122,37,.18)}.legend-btn.ghost{border:1px solid rgba(255,255,255,.13);color:#e5e0d5;background:rgba(8,8,8,.45);backdrop-filter:blur(8px)}.legend-btn:hover{transform:translateY(-4px)}.legend-btn.primary:hover{box-shadow:0 18px 50px rgba(232,198,104,.28)}
.trust-strip{position:relative;margin-top:-38px;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(11,11,12,.9);backdrop-filter:blur(18px);box-shadow:0 25px 70px #000}.trust-item{min-height:96px;padding:21px 28px;display:flex;align-items:center;gap:17px;border-left:1px solid var(--line);direction:rtl}.trust-item:last-child{border-left:0}.trust-item i{font-size:22px;color:var(--gold)}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:15px}.trust-item small{color:#74716c;margin-top:5px}
.showcase{padding:110px 0 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;direction:rtl}.section-heading .label{color:var(--gold);font:700 10px Arial;letter-spacing:4px}.section-heading h2{font-size:clamp(32px,4vw,58px);margin:8px 0 0}.section-heading>a{color:#aaa;border-bottom:1px solid var(--gold);padding-bottom:6px}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.featured-card{position:relative;min-height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111;isolation:isolate;box-shadow:0 25px 70px rgba(0,0,0,.35)}.featured-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(3,3,3,.98),rgba(3,3,3,.04) 75%)}.featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .5s;filter:saturate(.78)}.featured-card:hover img{transform:scale(1.07);filter:saturate(1)}.featured-info{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:30px;direction:rtl}.featured-index{position:absolute;right:25px;top:22px;z-index:3;font:800 12px Arial;color:#090909;background:var(--gold);padding:7px 10px}.featured-info h3{font-size:25px;margin:0 0 8px}.featured-info p{color:#8f8c85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 17px}.featured-bottom{display:flex;align-items:center;justify-content:space-between}.featured-price{color:var(--gold);font:800 23px Arial}.featured-link{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);transition:.3s}.featured-card:hover .featured-link{background:var(--gold);color:#090909}
.community-band{margin:20px auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-card{min-height:170px;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#151516,#090909);display:flex;align-items:center;justify-content:space-between;direction:rtl}.community-card.gold{background:linear-gradient(120deg,#e7c767,#986b1d);color:#090909}.community-card h3{font-size:25px;margin:0 0 5px}.community-card p{margin:0;color:#85817a}.community-card.gold p{color:#342509}.community-card>i{font-size:50px;opacity:.55}.suggestion-form{display:flex;margin-top:18px}.suggestion-form input{height:42px;min-width:230px;background:#070707;border:1px solid var(--line);color:#fff;padding:0 13px;outline:none;font-family:'Tajawal'}.suggestion-form button{width:45px;border:0;background:var(--gold);cursor:pointer}
/* Products rebuilt layout */
.catalog-page{display:flex;min-height:100vh}.catalog-page .left_menu{width:288px;background:linear-gradient(160deg,#151516,#070707);border-right:1px solid var(--line);box-shadow:20px 0 70px #000;padding-top:25px}.catalog-content{width:100%;margin-left:303px}.catalog-content .prodducts_hea{position:sticky;top:0;z-index:80;margin:0;background:rgba(5,5,5,.84);backdrop-filter:blur(18px)}.catalog-intro{padding:60px clamp(22px,5vw,74px) 25px;direction:rtl}.catalog-kicker{color:var(--gold);font:700 10px Arial;letter-spacing:4px}.catalog-intro h1{font-size:clamp(38px,5vw,72px);margin:10px 0 12px}.catalog-intro>p{color:#817e78;max-width:560px;line-height:1.8}.catalog-content .section_sections{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.catalog-content .section_sections a{margin:0;padding:10px 18px;border:1px solid rgba(255,255,255,.08);color:#8d8a83;background:#0e0e0f;transition:.3s}.catalog-content .section_sections a:hover{color:#090909;background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}.catalog-content .boxes_container{padding:15px clamp(22px,5vw,74px) 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;text-align:initial}.catalog-content .produc_tsBox{width:100%;height:380px;margin:0;display:block;position:relative;overflow:hidden;border-radius:0;background:linear-gradient(155deg,#171719,#0a0a0b);border:1px solid rgba(255,255,255,.075);box-shadow:0 20px 55px rgba(0,0,0,.35);transition:.4s}.catalog-content .produc_tsBox:hover{transform:translateY(-9px);border-color:rgba(232,198,104,.32);box-shadow:0 30px 80px #000}.catalog-content .products_box_content{height:100%;padding-bottom:17px}.catalog-content .showmodal{height:auto;overflow:hidden}.catalog-content .produc_tsBox img{height:210px;max-height:210px;border-radius:0;filter:saturate(.8);transition:.7s}.catalog-content .produc_tsBox:hover img{transform:scale(1.07);filter:saturate(1)}.catalog-content .product_name{font-size:19px;font-weight:800;margin-top:17px}.catalog-content .product_description{color:#77736d;line-height:1.7}.catalog-content .product_price{font:800 21px Arial;color:var(--gold)}.catalog-content .add_to_cart{width:calc(100% - 26px);min-height:42px;justify-content:center;border:1px solid var(--line);transition:.3s}.catalog-content .add_to_cart:hover{background:var(--gold)}.catalog-content .add_to_cart_title{width:100%;min-height:42px}.catalog-content .add_to_cart:hover .add_to_cart_title{color:#090909;font-weight:800}.catalog-page .filter{background:linear-gradient(90deg,rgba(232,198,104,.2),transparent);border-radius:0 50px 50px 0}.catalog-page .left_item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:5px 13px;background:rgba(255,255,255,.025);border:1px solid transparent;transition:.3s}.catalog-page .left_item:hover{border-color:var(--line);transform:translateX(5px)}.catalog-page .items_count{background:var(--gold);color:#090909}.catalog-page .methods_box{background:linear-gradient(120deg,#e3c15f,#906319)}.catalog-page .del_box{background:#111}
@media(max-width:900px){.legendary-shell{width:min(100% - 28px,1440px)}.legend-hero{min-height:760px;background-position:35% center}.hero-copy{width:75%}.featured-grid{grid-template-columns:1fr}.catalog-content{margin-left:0}.catalog-page .left_menu{width:0;padding:0}.catalog-content .boxes_container{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}
@media(max-width:620px){.legendary .main_header{height:65px;padding:0 10px}.legendary .main_header .right a{padding:6px 10px;margin:0 3px;font-size:11px}.legend-hero{min-height:720px;background-position:30% center;background-image:linear-gradient(0deg,#050505 4%,rgba(5,5,5,.52) 60%,rgba(5,5,5,.2)),url('/static/images/berlin-portal-hero.png')}.hero-copy{width:100%;padding-top:180px;text-align:center}.eyebrow,.legend-actions{justify-content:center}.hero-copy h1{font-size:58px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.trust-strip{grid-template-columns:1fr;margin-top:0}.trust-item{border-left:0;border-bottom:1px solid var(--line)}.showcase{padding-top:75px}.section-heading{align-items:start;gap:15px}.featured-card{min-height:330px}.community-band{grid-template-columns:1fr}.community-card{min-height:150px}.suggestion-form input{min-width:0;width:100%}.catalog-intro{padding-top:35px}.catalog-content .boxes_container{grid-template-columns:1fr 1fr;gap:11px;padding-left:11px;padding-right:11px}.catalog-content .produc_tsBox{height:310px}.catalog-content .produc_tsBox img{height:150px;max-height:150px}.catalog-content .product_name{font-size:14px}.catalog-content .product_description{font-size:11px}.catalog-content .add_to_cart_title{font-size:11px}}
@media(max-width:370px){.legend-actions{flex-direction:column}.legend-btn{justify-content:center}.catalog-content .boxes_container{grid-template-columns:1fr;padding-left:25px;padding-right:25px}.catalog-content .produc_tsBox{height:350px}.catalog-content .produc_tsBox img{height:190px;max-height:190px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.catalog-brand{display:flex;align-items:center;gap:12px;margin:0 17px 24px;padding:0 0 20px;border-bottom:1px solid var(--line)}.catalog-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(232,198,104,.28))}.catalog-brand span{display:flex;flex-direction:column}.catalog-brand strong{color:var(--gold);font-family:'Akira Expanded';font-size:15px;letter-spacing:1px}.catalog-brand small{color:#6f6c66;font:700 7px Arial;letter-spacing:2px;margin-top:5px}.catalog-discord{position:relative;overflow:hidden;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:11px;margin:14px 15px 24px;padding:15px;border:1px solid rgba(119,132,255,.24);background:radial-gradient(circle at 10% 0,rgba(88,101,242,.24),transparent 45%),linear-gradient(120deg,#151622,#09090d);transition:.35s}.catalog-discord:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08),transparent 60%);transform:translateX(-120%);transition:.7s}.catalog-discord:hover{transform:translateY(-4px);border-color:rgba(132,144,255,.55);box-shadow:0 16px 38px rgba(52,58,145,.2)}.catalog-discord:hover:before{transform:translateX(120%)}.discord-icon{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#7984ff,#4b57cb);color:white;font-size:21px;box-shadow:0 8px 25px rgba(88,101,242,.25)}.discord-copy{display:flex;flex-direction:column;direction:rtl;align-items:flex-start}.discord-copy strong{color:#f3efe6;font-size:13px}.discord-copy small{color:#85858d;font-size:10px;margin-top:6px}.discord-copy small b{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:#42d77d;box-shadow:0 0 8px #42d77d}.catalog-discord>i{color:#77798e;font-size:11px}
