:root{--bg:#070B14;--bg2:#0C1222;--panel:#111729;--panel2:#161C31;--stroke:rgba(255,255,255,.095);--text:#F8FAFF;--muted:#9DA9C7;--pink:#A42AF5;--pink-light:#63C5FF;--pink-dark:#35247E;--ease:cubic-bezier(.22,1,.36,1);--nav-h:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:'Cairo',Tahoma,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}::selection{background:#5322B5;color:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}img{display:block;max-width:100%}svg{flex-shrink:0}.shell{width:min(1270px,calc(100% - 88px));margin-inline:auto}.overline{display:inline-flex;align-items:center;gap:8px;color:var(--pink-light);font:800 11px 'Inter','Cairo',sans-serif;letter-spacing:1.65px;text-transform:uppercase}.overline:before{content:'';height:13px;width:2px;background:var(--pink);box-shadow:0 0 12px var(--pink)}.boot-loader{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at center,#182047,#070B14 62%)}.boot-logo{font:900 108px Inter,sans-serif;color:var(--pink);text-shadow:0 0 55px #5B6EFF65}.loading-track{height:3px;width:170px;border-radius:3px;background:#ffffff12;overflow:hidden}.loading-track span{display:block;width:45%;height:100%;background:var(--pink);animation:load 1.7s infinite ease-in-out}.boot-loader p{font:700 11px Inter,sans-serif;letter-spacing:4px;color:#a09ba8}@keyframes load{from{transform:translateX(-170px)}to{transform:translateX(260px)}}
/* navigation */
.site-nav-wrap{position:fixed;z-index:100;top:0;left:0;right:0;padding:18px 0 0;pointer-events:none;transition:padding .3s}.scrolled .site-nav-wrap{padding-top:7px}.site-nav{height:67px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(100deg,rgba(22,23,35,.92),rgba(14,15,24,.92));box-shadow:0 12px 50px rgba(0,0,0,.30),inset 0 1px 0 #ffffff0b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 23px;pointer-events:auto;transition:height .3s,border-radius .3s}.scrolled .site-nav{height:61px;border-radius:13px}.wordmark{display:flex;align-items:center;gap:10px;white-space:nowrap;font:700 19px 'Inter',sans-serif;letter-spacing:-.7px;direction:ltr}.wordmark b{color:var(--pink-light)}.wordmark-symbol{font:900 39px 'Inter',sans-serif;letter-spacing:-10px;padding-right:10px;line-height:1;background:linear-gradient(160deg,#48BCFF,#A629FF);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 12px #535EFF55);transform:skew(-8deg)}.nav-links{display:flex;align-items:center;gap:36px;height:100%;margin:auto}.nav-links a{font-size:12px;font-weight:800;color:#C4CBE3;display:flex;align-items:center;position:relative;height:100%;transition:color .3s}.nav-links a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent);box-shadow:0 -3px 16px #A42AF5;opacity:0;transform:scaleX(.2);transition:.3s}.nav-links a:hover,.nav-links a.active{color:#A8D8FF}.nav-links a.active:after{opacity:1;transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:0;color:#ded6e0;position:relative;border-radius:10px;transition:.2s}.icon-btn:hover{background:#ffffff0b;color:var(--pink-light)}.cart-count{position:absolute;right:-2px;top:0;background:var(--pink);min-width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 9px Inter,sans-serif}.cart-count[hidden]{display:none}.nav-login{height:39px;border:1px solid #6342BE;background:linear-gradient(180deg,#4B3BAF80,#1A1946B0);color:#fff;border-radius:10px;padding:0 16px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;transition:.25s;box-shadow:0 0 16px #5C30DD22}.nav-login:hover{background:#3B4AB9}.nav-login.signed{max-width:190px;overflow:hidden}.nav-login.signed span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-login img{width:23px;height:23px;border-radius:50%}.mobile-menu{display:none}
/* hero */
.hero{min-height:850px;position:relative;isolation:isolate;overflow:hidden;padding-top:var(--nav-h);background:radial-gradient(ellipse at 43% 70%,#0D1E44 0,transparent 44%),radial-gradient(ellipse at 11% 35%,#141B37,transparent 38%),linear-gradient(160deg,#080E1A 10%,#0E1427 54%,#070B15 96%)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(transparent,#070B14);z-index:-1}.hero-grain{position:absolute;inset:0;opacity:.14;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.hero-orb{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(80px)}.orb-left{width:400px;height:400px;left:-250px;top:300px;background:#5939CB3D}.orb-right{width:550px;height:300px;right:-350px;top:180px;background:#3168DD42}.hero-swoosh{position:absolute;top:270px;right:-330px;width:650px;height:360px;border-radius:50%;border:2px solid #873DF5;transform:rotate(-25deg);box-shadow:0 0 18px #7B36FA99,0 0 140px #5E4AFF22;opacity:.52;z-index:-1;mask-image:linear-gradient(to left,#000,transparent 85%)}.hero-grid{min-height:620px;display:grid;grid-template-columns:43% 57%;gap:0;align-items:center;position:relative;padding-top:60px}.hero-copy{position:relative;z-index:5;align-self:center;padding:45px 0 35px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;background:#ffffff06;border:1px solid #ffffff15;border-radius:50px;font-size:11px;font-weight:700;color:#ABB5CC}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 11px var(--pink)}.hero h1{font-size:clamp(34px,3.4vw,55px);font-weight:900;line-height:1.44;letter-spacing:-2.5px;white-space:nowrap;margin:23px 0 16px}.hero h1 em{font-style:normal;color:var(--pink-light);filter:drop-shadow(0 2px 22px #566FFF3C)}.hero-desc{font-size:13px;max-width:440px;line-height:2.2;color:#ADB8D1;margin:0 0 26px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;min-height:48px;border:1px solid transparent;padding:0 21px;font-weight:800;font-size:12px;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-pink{background:linear-gradient(120deg,#5EC4FF,#6948E5 85%);color:white;border-color:#5F8DFFA6;box-shadow:0 10px 36px #5941D844,inset 0 1px 0 #fff4}.btn-pink:hover{box-shadow:0 12px 46px #6636E980}.btn-outline{background:linear-gradient(160deg,#ffffff12,#ffffff04);color:#eee8ef;border-color:#ffffff2b;box-shadow:inset 0 1px 0 #ffffff14}.btn-outline:hover{background:#ffffff15;border-color:#6B90FF6B}.hero-detail{display:flex;align-items:center;gap:12px;margin-top:33px;direction:ltr;justify-content:flex-end;color:#817a89;font:700 9px Inter,sans-serif;letter-spacing:1.9px}.detail-line{width:22px;height:1px;background:var(--pink)}
.hero-art{height:560px;position:relative;margin-left:-40px;align-self:end;overflow:visible;transform:translateY(calc(var(--progress,0)*-28px)) scale(calc(1 - var(--progress,0)*.08));will-change:transform}.hero-art-halo{position:absolute;inset:80px 20px 12px;background:radial-gradient(ellipse at 45% 60%,#494EFF28,transparent 58%);pointer-events:none}.hero-art:before{content:'';position:absolute;width:760px;height:450px;right:0;bottom:6px;background:url('/assets/images/hero-ref.jpg') center bottom/contain no-repeat;opacity:.16;filter:blur(18px) saturate(1.4);mask-image:linear-gradient(to top,#000 20%,transparent 94%);pointer-events:none}.orbit-label{position:absolute;left:15px;top:80px;display:flex;align-items:center;gap:11px;border:1px solid #5D63FF5B;border-radius:12px;background:linear-gradient(140deg,#0D1F3CBA,#14111fa6);backdrop-filter:blur(12px);color:#D5E9FF;padding:14px;font-size:11px;font-weight:700;box-shadow:0 9px 42px #6545F72B;z-index:5}.orbit-label svg{color:var(--pink-light)}.orbit-label:hover{border-color:var(--pink);transform:translateY(-2px)}.hero-right-number{position:absolute;bottom:80px;right:5%;direction:ltr;font:900 13px Inter;color:#ffffff68;letter-spacing:1px}.hero-right-number span{color:#79717d}.hero-bottom{position:relative;z-index:3;margin-top:-20px}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-radius:17px;border:1px solid #ffffff16;background:linear-gradient(105deg,#131B32DF,#151E36E0);box-shadow:0 26px 65px #0005,inset 0 1px 0 #ffffff09;backdrop-filter:blur(17px);padding:23px 17px;max-width:1060px;margin-inline:auto}.hero-metrics>div{display:flex;align-items:center;justify-content:center;gap:13px;position:relative}.hero-metrics>div:not(:last-child):after{content:'';height:34px;width:1px;left:0;top:calc(50% - 17px);background:#ffffff24;position:absolute}.hero-metrics svg{color:var(--pink-light);filter:drop-shadow(0 0 10px #633FFD55)}.hero-metrics strong{display:block;font-weight:800;font-size:12px}.hero-metrics span{color:#A6B1CA;font-size:9px}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:12px;color:#8D9BB7;font-size:10px;letter-spacing:.4px;margin:25px auto 0}.scroll-wheel{display:block;width:18px;height:27px;border:1px solid #6E84AB88;border-radius:12px;position:relative}.scroll-wheel:before{content:'';position:absolute;width:2px;height:6px;background:var(--pink);top:5px;left:7px;animation:wheel 1.8s infinite}@keyframes wheel{0%{opacity:0;transform:translateY(0)}50%{opacity:1}100%{opacity:0;transform:translateY(8px)}}
/* CSS-3D architectural hero; user can drag to orbit */
.architectural-stage{width:100%;height:100%;perspective:1180px;overflow:visible;position:relative;touch-action:pan-y;cursor:grab}.architectural-stage.is-dragging{cursor:grabbing}.architecture-model{--yaw:-10deg;position:absolute;left:50%;bottom:72px;width:610px;height:405px;transform-style:preserve-3d;transform:translateX(-50%) rotateY(var(--yaw)) rotateX(3deg);filter:drop-shadow(0 24px 25px #0008);animation:building-reveal 2.2s var(--ease) both;transition:filter .4s}@keyframes building-reveal{0%{opacity:0;filter:blur(22px) brightness(.35);translate:0 240px;scale:.73;rotate:1 0 0 15deg}55%{opacity:.9;filter:blur(2px) brightness(.8)}100%{opacity:1;filter:blur(0) brightness(1);translate:0 0;scale:1}}.building-wing,.building-main{position:absolute;transform-style:preserve-3d}.building-wing{bottom:28px;width:250px;height:220px;background:linear-gradient(90deg,#171821,#333642 65%,#111318);border:7px solid #33323d;border-top:16px solid #47434a;box-shadow:inset 0 0 0 2px #77718155,0 20px 40px #08080ce0}.wing-left{left:8px;transform:translateZ(-35px) rotateY(-3deg)}.wing-right{right:6px;transform:translateZ(-75px) rotateY(5deg);height:250px}.wing-facade{position:absolute;inset:14px 10px 13px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:5px;background:#12151d;padding:4px;box-shadow:inset 0 0 32px #0007}.wing-right .wing-facade{grid-template-columns:repeat(5,1fr)}.window-pane{background:linear-gradient(125deg,#57717b8f 0%,#1f313e 37%,#14151f 42%,#4d5c6a 46%,#17212d 52%,#4e403f 95%);border:1px solid #97959822;box-shadow:inset 0 0 4px #a3c4d021}.window-warm{background:linear-gradient(155deg,#bc825f95,#252631 52%,#50403a)}.wing-side{position:absolute;width:92px;right:-94px;top:-16px;bottom:0;background:linear-gradient(85deg,#171b20,#38333d,#17131c);transform-origin:left;transform:rotateY(90deg);border-top:15px solid #373541;box-shadow:inset 0 0 27px #0009}.wing-roof{position:absolute;width:100%;height:90px;top:-17px;left:0;background:linear-gradient(40deg,#15171e,#34313b);transform:rotateX(90deg);transform-origin:top;border:3px solid #81727755}.pink-edge{position:absolute;top:-13px;left:3px;right:3px;height:3px;background:linear-gradient(90deg,transparent,#fd5c91,#a72861);box-shadow:0 0 18px #ef336e,0 0 36px #e42b66}.building-main{bottom:29px;left:190px;width:255px;height:342px;background:linear-gradient(95deg,#262833,#383946 60%,#191d25);border:12px solid #53525b;border-top:21px solid #45444c;box-shadow:inset 1px 0 0 #dfc9bc44,3px 2px 35px #08080ced;transform:translateZ(72px)}.main-glass{position:absolute;inset:6px 8px 0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:3px;background:#10131b}.main-glass .window-pane{background:linear-gradient(140deg,#b1d4df55,#172332 25%,#223241 30%,#101620 46%,#c3a17a65 49%,#141c28 56%)}.main-concrete-left,.main-concrete-right{position:absolute;top:-20px;bottom:0;width:26px;background:linear-gradient(90deg,#55545b,#282931,#6c6867);box-shadow:inset 2px 0 #c6b6ac2a;z-index:2}.main-concrete-left{left:-13px}.main-concrete-right{right:-13px}.main-header{position:absolute;left:31px;right:31px;top:1px;height:197px;background:linear-gradient(#1c1c25,#090b13);box-shadow:0 0 0 8px #38373d,0 10px 25px #000b;z-index:4}.main-sign{position:absolute;z-index:6;left:30px;right:30px;top:23px;display:flex;flex-direction:column;align-items:center;font:600 14px Inter,sans-serif;color:white;text-shadow:0 0 13px #000}.main-sign .sign-symbol{font:900 72px Inter,sans-serif;line-height:1.2;background:linear-gradient(160deg,#ff80b6,#d83472);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 16px #ec387e99);transform:skew(-8deg)}.main-sign b{font-weight:900}.main-entrance{position:absolute;bottom:0;height:108px;left:39px;right:39px;z-index:5;display:flex;gap:6px;border:8px solid #22242e;background:#101c28;box-shadow:inset 0 0 22px #b58a6488,0 -4px 8px #0009}.main-entrance span{flex:1;background:linear-gradient(135deg,#59697471,#16212d 55%,#76604b33);border:2px solid #5f5550}.main-side{position:absolute;width:90px;right:-90px;top:-21px;bottom:0;background:linear-gradient(90deg,#1d242d,#55505a,#16161f);transform-origin:left;transform:rotateY(90deg);border-top:20px solid #5c5059;box-shadow:inset 0 0 15px #0008}.main-top{position:absolute;width:100%;height:88px;top:-22px;left:0;background:linear-gradient(120deg,#404049,#24262e);transform-origin:top;transform:rotateX(90deg)}.edge-light{position:absolute;height:4px;background:#ff5a97;box-shadow:0 0 15px #f43076,0 0 30px #A42AF5;top:-20px;left:23px;right:23px;z-index:5}.building-base{position:absolute;bottom:10px;left:-5px;width:620px;height:30px;transform:translateZ(105px);background:linear-gradient(#25252e,#1b1b24);box-shadow:0 6px 15px #000b;border-top:3px solid #5a4a4c}.plant{position:absolute;bottom:27px;z-index:8;transform:translateZ(145px)}.plant-one{left:94px}.plant-two{right:94px;scale:.86}.plant .trunk{height:75px;width:10px;background:linear-gradient(90deg,#30251e,#806046,#382518);display:block;margin:auto;transform:rotate(-8deg);border-radius:12px}.plant .leaves{position:absolute;left:-42px;top:-10px;width:95px;height:53px;background:radial-gradient(ellipse at 50% 60%,#283725 5%,#172821 38%,transparent 68%);filter:drop-shadow(1px 0 3px #07120c);border-radius:50%}.plant .leaves:before,.plant .leaves:after{content:'';position:absolute;inset:10px -12px;background:radial-gradient(ellipse,#253722,transparent 65%);transform:rotate(30deg)}.plant .leaves:after{transform:rotate(-30deg)}.ground-strip{position:absolute;bottom:0;left:-30px;right:-30px;height:18px;background:linear-gradient(180deg,#57515a,#17161d);transform:translateZ(162px);border-top:2px solid #746769}.architecture-shadow{position:absolute;width:700px;height:110px;border-radius:50%;background:#000;filter:blur(35px);left:50%;bottom:53px;transform:translateX(-50%);opacity:.75}.floor-glow{position:absolute;left:7%;right:5%;bottom:26px;height:70px;border-radius:50%;background:radial-gradient(ellipse,#e038776b,transparent 68%);filter:blur(35px)}.mist{position:absolute;bottom:16px;height:64px;background:linear-gradient(180deg,transparent,#aa497d44,transparent);filter:blur(19px);pointer-events:none}.mist-a{left:0;width:55%}.mist-b{right:-10%;width:50%;height:45px;opacity:.7}.hero-glb{width:100%;height:530px;background:transparent}.mini-stage .architecture-model{scale:.72;left:51%;bottom:16px}.mini-stage .floor-glow{bottom:7px}.mini-stage .architecture-shadow{bottom:14px}
/* sectioning */
main{position:relative}.section{padding:58px 0 40px;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-head-main h2{margin:7px 0 4px;font-size:clamp(21px,2.25vw,31px);line-height:1.5;font-weight:900;letter-spacing:-.8px}.section-head-main h2 span,.showcase h2 span,.detail-more h2 span{color:var(--pink-light)}.section-head-main p{margin:0;color:var(--muted);font-size:11px}.text-link{border:1px solid #ffffff24;border-radius:9px;color:#f2e7ed;font-weight:700;font-size:11px;display:inline-flex;align-items:center;gap:14px;padding:9px 13px;transition:.25s;white-space:nowrap}.text-link:hover{border-color:#e449847a;color:var(--pink-light)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{min-width:0;overflow:hidden;border-radius:14px;background:linear-gradient(155deg,#1b1b26,#11121a);border:1px solid #ffffff1c;transition:transform .32s var(--ease),box-shadow .32s,border-color .32s;position:relative}.product-card:hover{transform:translateY(-6px);border-color:#f3609957;box-shadow:0 21px 60px #0007,0 0 25px #e1377920}.product-image{height:194px;position:relative;overflow:hidden;background:#171823}.product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .5s;filter:saturate(.86) contrast(1.05)}.product-card:hover .product-image>img{transform:scale(1.055);filter:saturate(1.02)}.image-gradient{position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#0a0916dd)}.card-chip,.badge-overlay{position:absolute;top:13px;border:1px solid #ffffff1a;backdrop-filter:blur(9px);border-radius:9px;background:#11131dba;color:var(--pink-light);font-weight:800;font-size:10px;padding:3px 9px;z-index:1}.card-chip{right:13px}.badge-overlay{left:13px;color:#efebee}.card-quick{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:7px;border:1px solid #ffffff36;border-radius:9px;color:white;background:#0d0c15a8;padding:7px 12px;font-size:10px;font-weight:700;backdrop-filter:blur(9px);opacity:0;transform:translateY(9px);transition:.3s;z-index:1}.product-card:hover .card-quick{opacity:1;transform:translateY(0)}.product-card-body{padding:18px 19px 16px}.product-cat{direction:ltr;text-align:right;color:var(--pink-light);font:800 9px Inter,sans-serif;letter-spacing:1px}.product-cat span{color:#8c8590;font-weight:500}.product-title{display:block;font-size:17px;font-weight:800;letter-spacing:-.35px;margin:7px 0 15px;line-height:1.5}.product-title:hover{color:var(--pink-light)}.product-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:13px}.price{font:800 19px Inter,'Cairo',sans-serif;letter-spacing:-.4px;color:#fff}.product-actions{display:flex;gap:7px}.circle-btn{width:35px;height:35px;border-radius:9px;border:1px solid #ffffff25;background:#ffffff08;display:grid;place-items:center;color:#fff;transition:.2s}.circle-btn:hover,.circle-btn.in-cart{background:#d93270;color:#fff;border-color:#d93270}.category-section{padding-top:75px;padding-bottom:35px}.category-layout{display:grid;grid-template-columns:340px 1fr;gap:25px;align-items:end}.category-section .section-head{margin:0}.category-pills{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.category-pill{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;color:#e1dce4;border:1px solid #ffffff1b;background:linear-gradient(130deg,#18203A,#161621);border-radius:11px;padding:13px 16px;transition:.25s}.category-pill svg{color:var(--pink-light)}.category-pill:hover{transform:translateY(-3px);border-color:#e3378068}.showcase-section{padding-top:50px}.showcase-panel{min-height:358px;border:1px solid #ffffff27;border-radius:22px;background:linear-gradient(110deg,#101018,#1d1723 51%,#13131b);display:grid;grid-template-columns:56% 44%;overflow:hidden;box-shadow:0 25px 100px #0006}.showcase-art{grid-column:1;grid-row:1;min-height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 85%,#77284344,transparent 58%)}.showcase-lights{position:absolute;inset:0;background:linear-gradient(90deg,#07080a33,transparent 28%,#0a091132)}.showcase-art .architectural-stage{position:absolute;inset:0}.showcase-controls{position:absolute;bottom:15px;left:24px;display:flex;align-items:center;gap:8px;font:700 10px Inter,sans-serif;letter-spacing:2px;color:#d3b0c1}.showcase-live{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.corner-line{position:absolute;width:25px;height:25px;border:1px solid var(--pink);opacity:.7;pointer-events:none}.corner-line.tr{top:23px;right:22px;border-left:0;border-bottom:0}.corner-line.bl{bottom:23px;left:22px;border-right:0;border-top:0}.showcase-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:40px 50px;position:relative;z-index:2}.showcase-content h2{font-size:clamp(22px,2.4vw,32px);line-height:1.55;letter-spacing:-.7px;margin:10px 0 12px}.showcase-content h2 span{color:var(--pink-light)}.showcase-content p{color:#b2a7b3;font-size:11px;line-height:2.1;max-width:390px;margin:0 0 20px}.showcase-specs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.showcase-specs span{font-size:9px;font-weight:700;display:flex;align-items:center;gap:7px;padding:7px 10px;background:#ffffff09;border:1px solid #ffffff18;border-radius:8px}.showcase-specs svg{color:var(--pink-light)}.video-section{padding-top:60px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.video-card{height:182px;border:1px solid #ffffff20;border-radius:13px;position:relative;overflow:hidden;background:#14151a;padding:0}.video-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:.45s}.video-card:hover img{transform:scale(1.07);filter:brightness(.9)}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e43b7b;border:1px solid #ff8db9;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 38px #c62668aa}.video-caption{position:absolute;right:17px;bottom:13px;color:white;font-size:12px;font-weight:800;text-shadow:0 2px 5px #000}.video-index{position:absolute;top:12px;left:14px;font:700 12px Inter,sans-serif;color:#fff9}.closing{padding-top:85px;padding-bottom:90px}.closing-panel{border-radius:22px;border:1px solid #a5366236;min-height:300px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#48203566,transparent 65%),linear-gradient(135deg,#171320,#0d0e14)}.closing-ambient{position:absolute;width:530px;height:530px;border:1px solid #df437931;border-radius:50%;top:-275px;left:50%;transform:translateX(-50%);box-shadow:0 0 100px #d5387033}.closing-symbol{position:absolute;left:calc(50% - 52px);top:-82px;font:900 230px Inter;line-height:1;color:#f2599812}.closing h2{font-size:clamp(22px,3vw,36px);letter-spacing:-1px;margin:8px 0}.closing h2 em{font-style:normal;color:var(--pink-light)}.closing p{font-size:11px;color:#a69aa8;margin:0 0 20px}.closing-panel>div:last-child{display:flex;gap:10px}
/* footer */
.footer{background:#070B15;border-top:1px solid #ffffff11;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-brand{justify-content:flex-end}.footer-grid p{font-size:11px;color:#918994;line-height:2.3;max-width:330px}.footer-grid h4{font-size:13px;margin:5px 0 17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a:not(.wordmark),.footer-grid span{font-size:11px;color:#968d9d;transition:.25s}.footer-grid a:hover{color:var(--pink-light)}.footer-bottom{margin-top:46px;padding-top:18px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;color:#736c78;font-size:10px}.footer-bottom>span:last-child{direction:ltr;font:700 9px Inter;letter-spacing:1.6px}.footer-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);margin:0 10px}
/* page headers and catalog */
.inner-page{min-height:68vh;padding-top:112px;padding-bottom:90px;background:radial-gradient(ellipse at 80% 0%,#33122554,transparent 35%),#090a10}.page-header{position:relative;padding-top:55px;padding-bottom:50px}.page-header.compact{padding-top:20px;padding-bottom:35px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:10px;color:#7d7785;margin-bottom:33px}.breadcrumbs a:hover{color:var(--pink-light)}.page-header h1{font-size:clamp(34px,4.5vw,55px);line-height:1.35;letter-spacing:-1.4px;margin:10px 0 8px}.page-header h1 em{font-style:normal;color:var(--pink-light)}.page-header p{font-size:12px;color:#aaa3ae;max-width:510px;line-height:2.1}.page-counter{position:absolute;left:8px;bottom:48px;color:#9f96a2;font-size:11px}.catalog-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:23px}.search-field{background:#171820;border:1px solid #ffffff19;border-radius:11px;display:flex;gap:12px;align-items:center;color:#8f8893;padding:0 15px;min-width:280px;width:430px;height:47px}.search-field input,.search-modal-field input{width:100%;border:0;background:transparent;color:#eee;outline:none;font-size:12px}.search-field:focus-within{border-color:#e3378088}.catalog-sort{display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid #ffffff1d;background:#181821;border-radius:10px;color:#ba9eab;height:44px}.catalog-sort select{background:transparent;color:#dfd4dc;border:0;outline:none;font-size:11px}.catalog-sort option{background:#141C30}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{grid-column:1/-1;text-align:center;min-height:270px;padding:45px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#958d9c;border:1px dashed #ffffff24;border-radius:15px;background:#ffffff03}.empty-state svg{color:#b44a73}.empty-state h3,.empty-state h2{margin:14px 0 4px;color:#eee;font-size:17px}.empty-state p{font-size:11px;max-width:460px}.empty-inline{color:#a69da8;font-size:12px;padding:25px 0}.simple-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.simple-empty h1{margin:12px 0}.simple-empty p{color:#97909c}.simple-empty .btn{margin-top:18px}
/* detail */
.detail-crumb{margin:15px 0 33px}.detail-layout{display:grid;grid-template-columns:55% 45%;gap:35px;align-items:start}.detail-image{height:390px;border:1px solid #ffffff29;background:#171721;border-radius:17px;position:relative;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-overlay{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#080910a8)}.detail-type{position:absolute;bottom:16px;left:20px;color:#ddd;font:700 11px Inter;letter-spacing:2px}.detail-media-actions{display:flex;gap:11px;margin-top:13px}.detail-media-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff24;background:#1a1a24;color:white;border-radius:11px;font-size:11px;font-weight:800;min-height:49px}.detail-media-actions button:hover{border-color:#e33780aa}.detail-info{padding:14px 16px 0}.detail-topline{display:flex;justify-content:space-between;align-items:center}.tag-glow{color:var(--pink-light);background:#d9317526;border:1px solid #e6428270;border-radius:99px;padding:2px 11px;font-size:10px;font-weight:800}.detail-info h1{font-size:clamp(29px,3vw,43px);line-height:1.4;letter-spacing:-1px;margin:15px 0}.detail-version{color:#aea0ad;font-size:10px;display:flex;gap:9px;align-items:center}.detail-version svg{color:var(--pink)}.detail-description{color:#c1b7c0;font-size:12px;line-height:2.4;margin:25px 0}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags span{border:1px solid #ffffff1d;border-radius:8px;font-size:10px;color:#ad9fae;padding:4px 12px}.detail-divider{height:1px;background:#ffffff1a;margin:27px 0 22px}.detail-pricing{display:flex;justify-content:space-between;align-items:end}.detail-pricing span{display:block;color:#9e96a3;font-size:10px}.detail-pricing strong{font:800 35px Inter,'Cairo';color:#fff}.detail-buttons{display:flex;gap:10px;margin-top:23px}.detail-buttons .btn{flex:1}.detail-trust{margin-top:27px;font-size:10px;color:#958994;display:flex;align-items:center;gap:8px}.detail-trust svg{color:var(--pink-light)}.detail-more{border-top:1px solid #ffffff18;margin-top:65px;padding-top:42px;display:flex;justify-content:space-between;align-items:center;gap:35px}.detail-more h2{font-size:23px;margin:5px 0}.detail-more p{font-size:11px;color:#9d95a2;max-width:570px;line-height:2.1}.detail-more-cards{display:flex;gap:10px}.detail-more-cards>div{background:#141C30;border:1px solid #ffffff19;padding:20px 16px;border-radius:12px;min-width:135px;display:flex;flex-direction:column;gap:6px}.detail-more-cards svg{color:var(--pink)}.detail-more-cards strong{font-size:11px}.detail-more-cards span{font-size:9px;color:#958a97}
/* cart and library */
.cart-layout{display:grid;grid-template-columns:1fr 350px;gap:23px;align-items:start}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:center;gap:20px;background:#15161f;border:1px solid #ffffff18;border-radius:15px;padding:14px}.cart-item img{width:135px;height:93px;object-fit:cover;border-radius:9px}.cart-item-info{flex:1;display:flex;flex-direction:column;align-items:start}.cart-item-info a{font-size:15px;font-weight:800;margin:4px 0}.cart-item-info>span:last-child{font-size:10px;color:#938c98}.cart-item-end{min-width:75px;height:93px;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.cart-item-end strong{font:800 19px Inter}.cart-remove{border:0;color:#a98e9b;background:#ffffff0b;border-radius:9px;padding:8px}.cart-remove:hover{color:#ff4b75}.summary-panel{border:1px solid #ffffff1d;border-radius:15px;background:linear-gradient(150deg,#18203A,#12131a);padding:24px;position:sticky;top:100px}.summary-panel h3{font-size:20px;margin:6px 0 20px}.summary-row,.summary-total{display:flex;justify-content:space-between;font-size:11px;color:#a49aa6;margin:13px 0}.summary-row strong{color:#e9e4e9;font:700 13px Inter}.summary-total{border-top:1px solid #ffffff1c;margin-top:18px;padding-top:20px;align-items:center;color:#fff;font-size:14px;font-weight:800}.summary-total strong{font:800 27px Inter}.checkout-notice{display:flex;align-items:start;gap:9px;padding:14px;background:#b84a7320;border:1px solid #c8527654;border-radius:11px;color:#e5b2c9;font-size:10px;line-height:1.85;margin:20px 0}.checkout-notice svg{flex-shrink:0}.btn-full{width:100%}.keep-shopping{font-size:11px;display:flex;align-items:center;gap:8px;justify-content:center;margin-top:19px;color:#a99eaa}.cart-empty{grid-column:1/-1;min-height:350px}.cart-empty .btn{margin-top:15px}.auth-prompt{border:1px solid #ffffff1d;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#3c1c3675,transparent 55%),#12131c;max-width:600px;margin:auto;padding:65px 30px;display:flex;align-items:center;flex-direction:column;text-align:center}.auth-prompt>svg{color:var(--pink-light)}.auth-prompt h2{margin:15px 0 8px;font-size:22px}.auth-prompt p{max-width:440px;font-size:12px;line-height:2;color:#a69eaa;margin:0 0 25px}.auth-prompt .btn{margin-bottom:12px}.auth-prompt small{font-size:10px;color:#ce839b}.profile-strip{display:flex;gap:14px;align-items:center;border:1px solid #ffffff20;border-radius:15px;background:#161720;padding:17px;margin-bottom:24px}.profile-strip>img,.avatar-fallback{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#332131;display:grid;place-items:center;color:var(--pink-light)}.profile-strip>div:nth-child(2){display:flex;flex-direction:column}.profile-strip>div:nth-child(2) span{font-size:10px;color:#9a919f}.profile-strip strong{font-size:16px}.profile-tag{margin-right:auto;border:1px solid #cd4b7d55;color:#eba5c1;border-radius:30px;padding:5px 12px;font:700 9px Inter;letter-spacing:1px}.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-stats>div{padding:19px;background:#161720;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column}.library-stats span{color:#9a8b9a;font-size:10px}.library-stats strong{font-size:25px}.library-title{display:flex;align-items:center;justify-content:space-between;margin:38px 0 15px}.library-title h2{font-size:21px;margin:0}.library-title>span{color:#796c7e;font:700 10px Inter;letter-spacing:2px}.warning-inline{color:#ffa2a2;font-size:11px}.order-list{border:1px solid #ffffff1c;border-radius:14px;overflow:hidden}.order-row{display:grid;grid-template-columns:1fr 3fr 1fr 1fr;align-items:center;gap:15px;padding:19px;background:#161720;border-bottom:1px solid #ffffff10;font-size:11px}.order-row>span:nth-child(2){color:#b5aab7}.order-row strong{font:800 15px Inter}.order-status{font-size:10px;color:#e2ae7e;background:#e2ae7e1b;border:1px solid #e2ae7e55;padding:5px 10px;border-radius:7px;width:max-content;white-space:nowrap}.order-status.completed{color:#91d4b0;border-color:#4daa7b55;background:#50b17d18}.order-status.cancelled{color:#e98d9c;border-color:#b8365666;background:#b836561a}.skeleton-list{padding:45px;text-align:center;color:#9a8694}
/* about/account */
.about-header{max-width:950px;padding-block:110px 65px}.about-header p{max-width:650px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-image{border-radius:17px;border:1px solid #ffffff25;overflow:hidden}.about-image img{width:100%;min-height:310px;object-fit:cover}.about-points{display:flex;flex-direction:column;gap:21px}.about-points>div{border-bottom:1px solid #ffffff15;padding-bottom:14px}.about-points svg{color:var(--pink-light)}.about-points h3{margin:3px 0;font-size:16px}.about-points p{font-size:11px;color:#a399a8;line-height:2}.account-panel{border:1px solid #ffffff1d;background:#151620;padding:35px;border-radius:16px;max-width:720px}.account-head{display:flex;align-items:center;gap:18px}.account-head img{width:80px;height:80px;border-radius:15px}.account-head h2{margin:0}.account-head p{font-size:11px;color:#9a8c98}.account-head p b{font:700 11px Inter}.account-links{display:flex;flex-direction:column;margin:30px 0}.account-links a{border-bottom:1px solid #ffffff12;padding:16px 0;display:flex;align-items:center;gap:13px;font-size:13px}.account-links a>svg:last-child{margin-right:auto}.account-links a:hover{color:var(--pink-light)}
/* admin */
.admin-heading{display:flex;align-items:end;justify-content:space-between;padding:35px 0}.admin-heading h1{font-size:39px;margin:5px 0}.admin-heading h1 em{color:var(--pink-light);font-style:normal}.admin-heading p{font-size:11px;color:#aaa1ae;margin:0}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}.admin-sidebar{background:#14151d;border:1px solid #ffffff1e;border-radius:14px;padding:16px;position:sticky;top:100px}.admin-side-label{color:#79717f;font-size:10px;margin:6px 9px 18px}.admin-tab{width:100%;border:0;border-radius:9px;padding:14px 12px;text-align:right;display:flex;align-items:center;gap:12px;color:#a8a0ad;font-weight:700;font-size:12px;background:transparent;margin-bottom:5px}.admin-tab.active{background:#cc317026;color:#fa9bbf;border:1px solid #e337804a}.admin-tab:hover{background:#ffffff0b}.admin-sidebar-foot{border-top:1px solid #ffffff14;padding:18px 9px 5px;margin-top:20px;font:800 12px Inter;color:#ac8fa5}.admin-sidebar-foot small{font:700 8px Inter;letter-spacing:1px;color:#706b79}.admin-main{min-height:540px;border:1px solid #ffffff1a;border-radius:14px;background:#13141d;padding:23px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.admin-header h2{font-size:22px;margin:5px 0 0}.admin-header p{font-size:11px;color:#8e8492;margin:2px 0}.admin-header .btn{min-height:42px}.admin-product-list{display:flex;flex-direction:column;gap:10px}.admin-product-row{display:flex;align-items:center;gap:15px;padding:10px 13px;border:1px solid #ffffff15;border-radius:11px;background:#1b1c27}.admin-product-row img{width:82px;height:60px;object-fit:cover;border-radius:8px}.admin-product-info{display:flex;flex-direction:column;gap:2px;flex:1}.admin-product-info strong{font-size:13px}.admin-product-info span{font-size:10px;color:#9c92a0}.admin-mini-badge{font-size:10px;color:#d49db3}.admin-row-actions{display:flex;gap:8px}.admin-row-actions button{width:36px;height:36px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;color:#b9aabb}.admin-row-actions button:hover{color:var(--pink-light)}.admin-form{border:1px solid #ffffff16;border-radius:12px;background:#191a24;padding:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#bbb1bc}.form-field.full,.form-checks.full,.image-upload-box.full{grid-column:1/-1}.form-field input,.form-field textarea,.form-field select,.admin-order-actions select{background:#101119;border:1px solid #ffffff20;border-radius:9px;padding:11px 13px;color:#f1eaf1;outline:none;min-height:43px;width:100%;font-size:12px;direction:rtl}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#A42AF5}.form-field select option{background:#181920}.form-footer{border-top:1px solid #ffffff17;display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:22px}.form-checks{display:flex;gap:22px}.form-checks label{font-size:12px;display:flex;align-items:center;gap:9px}.form-checks input{accent-color:var(--pink);width:17px;height:17px}.image-upload-box{border:1px dashed #9d43736b;padding:14px;border-radius:9px}.image-upload-box>input{display:none}.image-upload-box>label{display:flex;align-items:center;gap:10px;color:#e4b0c8;cursor:pointer;font-size:12px}.image-upload-box small{font-size:10px;color:#9c8796}.image-upload-box>div{font-size:10px;color:#e499b5;margin-top:4px}.admin-alert{padding:13px 15px;border-radius:10px;background:#73422429;border:1px solid #e1a06446;color:#e7bc9a;font-size:11px;line-height:1.9;margin-bottom:20px;display:flex;gap:11px;align-items:start}.admin-orders-list{display:flex;flex-direction:column;gap:11px}.admin-order{display:grid;grid-template-columns:1.1fr 2fr .8fr 1.2fr;gap:15px;align-items:center;background:#1a1b25;border:1px solid #ffffff15;border-radius:10px;padding:15px}.admin-order>div{display:flex;flex-direction:column;align-items:start;gap:5px}.admin-order strong{font-size:12px}.admin-order b{font-size:11px}.admin-order small{font-size:9px;color:#948b97}.admin-order .overline{font-size:9px}.admin-order-actions{flex-direction:row!important;align-items:center!important}.admin-order-actions select{min-height:34px;padding:6px}.btn.small{min-height:33px;padding:0 9px;font-size:10px}
/* modal */
.modal-backdrop{position:fixed;z-index:200;inset:0;background:#010207d9;backdrop-filter:blur(11px);display:flex;align-items:center;justify-content:center;padding:22px;animation:fadeIn .25s}.modal-card{width:min(700px,100%);max-height:min(92vh,980px);overflow:auto;border:1px solid #ffffff29;background:linear-gradient(145deg,#20202d,#11121c);border-radius:18px;box-shadow:0 55px 150px #000e,0 0 90px #d8326e13}.modal-header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}.modal-header h2{font-size:20px;margin:3px 0}.close-btn{width:35px;height:35px;border:1px solid #ffffff24;background:#ffffff0a;color:#e4dae3;display:grid;place-items:center;border-radius:9px}.close-btn:hover{color:var(--pink-light)}.editor-card{width:min(820px,100%)}.editor-form{padding:22px}.model-preview{width:min(920px,100%)}.preview-viewport{height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 75%,#5f1f3d55,transparent 61%),linear-gradient(#11121b,#0a0b10)}.preview-viewport .architectural-stage{width:100%;height:100%}.preview-viewport .architecture-model{left:50%;bottom:55px;scale:.9}.preview-viewport model-viewer{width:100%;height:100%}.preview-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border:1px solid #ffffff35;background:#10111ecb;backdrop-filter:blur(12px);border-radius:999px;display:flex;align-items:center;gap:8px;padding:8px 15px;font-size:10px;white-space:nowrap;pointer-events:none}.preview-hint svg{color:var(--pink-light)}.preview-footer{padding:0 25px 17px;color:#aaa0ac;font-size:11px;line-height:2}.search-modal{max-width:640px;align-self:flex-start;margin-top:8vh}.search-modal-field{margin:19px 22px 15px;border:1px solid #a13c666b;background:#0e0f17;border-radius:11px;padding:14px;display:flex;align-items:center;gap:13px;color:var(--pink-light)}.search-results{padding:0 22px 22px;max-height:55vh;overflow:auto}.search-result{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff12;padding:12px 4px}.search-result img{width:75px;height:53px;border-radius:8px;object-fit:cover}.search-result>div{display:flex;flex-direction:column;gap:3px;flex:1}.search-result strong{font-size:12px}.search-result span{font-size:10px;color:#968b98}.search-result:hover strong{color:var(--pink-light)}.toast{position:fixed;left:25px;bottom:25px;z-index:999;background:#23202a;border:1px solid #ec508773;color:#fff;border-radius:12px;box-shadow:0 13px 45px #0009;padding:13px 16px;display:flex;align-items:center;gap:10px;max-width:min(440px,90vw);font-size:11px;font-weight:700;animation:toastIn .4s var(--ease)}.toast.success{border-color:#5cbf9173}.toast.error{border-color:#f4627cba}.toast svg{color:var(--pink-light)}.toast.hide{opacity:0;transform:translateY(13px);transition:.4s}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes toastIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.shell{width:min(100% - 44px,1180px)}.hero-grid{grid-template-columns:47% 53%}.hero h1{font-size:38px}.architecture-model{scale:.8}.category-layout{grid-template-columns:1fr;gap:15px}.showcase-content{padding:30px}.hero-metrics span{font-size:8px}.detail-layout{grid-template-columns:1fr 1fr}.detail-image{height:335px}.detail-more{flex-direction:column;align-items:start}}
@media(max-width:760px){.shell{width:calc(100% - 30px)}.site-nav-wrap{padding:10px 0 0}.site-nav{height:61px;padding:0 12px}.wordmark{font-size:15px;gap:7px}.wordmark-symbol{font-size:31px}.nav-links{position:absolute;top:69px;right:0;left:0;display:none;flex-direction:column;gap:0;height:auto;align-items:stretch;background:#171721ed;border:1px solid #ffffff25;border-radius:14px;padding:9px;box-shadow:0 20px 60px #0009}.nav-links.open{display:flex}.nav-links a{padding:13px 15px;font-size:12px;border-radius:8px}.nav-links a.active{background:#e3378026}.nav-links a:after{display:none}.mobile-menu{display:grid}.desktop-only{display:none}.nav-login{padding:0 11px;font-size:10px;max-width:128px;gap:5px}.nav-login>span{display:none}.nav-login.signed span{display:none}.nav-login.signed{max-width:43px}.nav-actions{gap:3px}.hero{padding-top:72px;min-height:850px}.hero-grid{display:flex;flex-direction:column;min-height:680px;padding-top:23px}.hero-copy{text-align:center;width:100%;order:1;padding:25px 0 0}.hero h1{font-size:clamp(26px,7.2vw,39px);line-height:1.55;white-space:normal;letter-spacing:-1px;margin:13px 0}.hero-desc{font-size:11px;max-width:370px;margin:0 auto 17px}.hero-buttons{justify-content:center}.hero .btn{min-height:45px;padding:0 15px;font-size:10px}.hero-detail{display:none}.hero-art{order:2;align-self:stretch;margin:0;height:360px;width:100%}.hero-art .architecture-model{scale:.64;left:50%;bottom:14px}.hero-art-halo{inset:0}.hero-art:before{width:100%;height:360px}.orbit-label{top:15px;left:5px;padding:9px;gap:5px;font-size:9px}.hero-right-number{bottom:35px}.hero-bottom{margin-top:-25px}.hero-metrics{grid-template-columns:repeat(2,1fr);padding:13px;gap:10px}.hero-metrics>div{justify-content:flex-start;padding:5px}.hero-metrics>div:not(:last-child):after{display:none}.hero-metrics svg{width:21px}.hero-metrics strong{font-size:9px}.hero-metrics span{font-size:8px}.scroll-cue{margin-top:15px}.section{padding:44px 0 25px}.section-head{align-items:start;gap:8px}.section-head-main h2{font-size:24px}.section-head-main p{font-size:10px}.text-link{padding:7px;font-size:9px;gap:4px}.product-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:140px}.product-card-body{padding:12px}.product-title{font-size:13px;min-height:20px}.product-cat{font-size:8px}.product-card-footer{gap:4px}.price{font-size:14px}.circle-btn{width:29px;height:29px}.card-chip,.badge-overlay{padding:2px 6px;font-size:8px;top:8px}.card-chip{right:8px}.badge-overlay{left:8px}.card-quick{opacity:1;transform:none;right:7px;bottom:8px;font-size:9px;padding:5px}.card-quick span{display:none}.category-pills{gap:7px}.category-pill{font-size:9px;padding:9px 11px}.showcase-panel{display:flex;flex-direction:column}.showcase-art{min-height:260px;order:1}.showcase-art .architecture-model{scale:.65;bottom:-20px}.showcase-content{order:2;padding:23px}.showcase-content h2{font-size:25px}.video-card{height:130px}.big-play{width:43px;height:43px}.closing{padding-top:55px;padding-bottom:55px}.closing-panel{padding:35px 16px;min-height:260px}.closing h2{font-size:25px}.footer{padding-top:37px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}.inner-page{padding-top:94px}.page-header{padding-top:25px;padding-bottom:25px}.page-header h1{font-size:35px}.page-counter{left:0;bottom:25px}.catalog-toolbar{gap:9px}.search-field{min-width:0;width:auto;flex:1}.catalog-sort{max-width:153px}.catalog-sort select{max-width:100px}.detail-layout,.cart-layout,.about-content{grid-template-columns:1fr}.detail-info{padding:8px 0}.detail-image{height:260px}.detail-more-cards{width:100%;overflow:auto}.cart-list{order:1}.summary-panel{order:2;position:static}.cart-item img{width:100px;height:80px}.cart-item-end{height:80px}.order-row{grid-template-columns:1fr 1fr;gap:10px}.library-stats{gap:7px}.library-stats>div{padding:12px}.library-stats span{font-size:9px}.library-stats strong{font-size:19px}.admin-heading{align-items:start;gap:15px}.admin-heading h1{font-size:31px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px}.admin-side-label,.admin-sidebar-foot{display:none}.admin-tab{width:auto;margin:0;padding:9px 11px;font-size:10px;gap:7px}.admin-main{padding:13px}.admin-header h2{font-size:18px}.admin-order{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-header{padding:55px 0}.account-panel{padding:20px}.profile-tag{font-size:7px}.modal-backdrop{padding:8px}.modal-card{max-height:95vh}.form-grid{grid-template-columns:1fr}.preview-viewport{height:370px}.preview-viewport .architecture-model{scale:.65;bottom:10px}.modal-header h2{font-size:16px}.showcase-specs{gap:5px}.showcase-specs span{font-size:8px}}
@media(max-width:420px){.product-image{height:115px}.product-title{font-size:12px}.product-actions{gap:3px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art .architecture-model{scale:.54}.hero .btn{padding:0 11px}.video-grid{grid-template-columns:1fr 1fr}.video-caption{font-size:10px}.detail-media-actions{flex-direction:column}.cart-item{gap:10px}.cart-item img{width:82px;height:75px}.admin-product-row{gap:7px}.admin-mini-badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Photorealistic architectural front plate blends into the manipulable CSS-3D geometry. */
.building-photo{position:absolute;left:50%;bottom:66px;width:min(108%,780px);max-width:none;transform:translateX(-50%);pointer-events:none;user-select:none;object-fit:contain;z-index:4;filter:drop-shadow(0 18px 30px #0008) drop-shadow(0 0 35px #ff35721a);animation:photo-construct 2.4s var(--ease) backwards;transition:opacity .65s var(--ease),filter .5s}
.architectural-stage .architecture-model{opacity:.65;transition:opacity .55s}
.architectural-stage.has-orbited .building-photo{opacity:0!important;filter:blur(8px)}
.architectural-stage.has-orbited .architecture-model{opacity:1}
@keyframes photo-construct{0%{opacity:0;translate:0 200px;filter:blur(23px) brightness(.3)}42%{opacity:.67;filter:blur(3px) brightness(.65)}100%{opacity:1;translate:0 0;filter:blur(0) brightness(1)}}
.hero-art .building-photo{bottom:70px;width:770px;max-width:112%;opacity:calc(1 - var(--progress,0)*.95)}
.mini-stage .building-photo{width:600px;max-width:100%;bottom:28px}
.preview-viewport .building-photo{max-width:88%;bottom:52px}
@media(max-width:760px){.hero-art .building-photo{width:640px;max-width:130%;bottom:36px}.mini-stage .building-photo{width:550px;bottom:25px}.preview-viewport .building-photo{bottom:42px}}
.scroll-cue{border:0;background:transparent;font-family:inherit;cursor:pointer}
.library-product{min-width:0}.library-product .product-card{height:calc(100% - 52px)}.library-download{width:100%;margin-top:8px;min-height:43px}.library-download:disabled{opacity:.48}

/* YTD official identity: V1 design retained; electric blue × violet × restrained magenta accents */
:root{--brand-blue:#47B8FF;--brand-deep-blue:#1C5DFF;--brand-violet:#9A49F7;--brand-magenta:#DF3AF6;--brand-aura:rgba(103,78,255,.22)}
body{background:radial-gradient(ellipse 60% 40% at 12% 10%,rgba(35,77,168,.12),transparent 70%),radial-gradient(ellipse 50% 45% at 92% 14%,rgba(151,48,237,.09),transparent 75%),var(--bg)}
::selection{background:#5B50D6;color:#fff}
.wordmark-symbol,.sign-symbol{background:linear-gradient(140deg,#55C7FF 5%,#7355EF 53%,#E746FB 94%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 11px rgba(80,128,255,.30))}
.nav-links a:after{background:linear-gradient(90deg,transparent,#54C9FF,#AE49FF,transparent);box-shadow:0 -2px 16px rgba(113,93,255,.34)}
.btn-pink{background:linear-gradient(112deg,#1657E0 0%,#6641DA 55%,#9232C8 100%)!important;border-color:rgba(121,141,255,.64)!important;box-shadow:0 12px 32px rgba(72,75,195,.23),inset 0 1px 0 rgba(255,255,255,.16)!important}
.btn-pink:hover{background:linear-gradient(112deg,#2569F8 0%,#8255EE 60%,#A342DA 100%)!important;box-shadow:0 17px 38px rgba(75,92,235,.29)!important}
.nav-login{border-color:rgba(108,119,254,.64)!important;background:linear-gradient(140deg,rgba(35,62,154,.72),rgba(106,42,164,.53))!important}
.nav-login:hover,.btn-outline:hover{border-color:rgba(90,191,255,.72)!important}
.hero-orb.orb-left{background:radial-gradient(circle,#2270FB33,transparent 70%)!important}
.hero-orb.orb-right{background:radial-gradient(circle,#A938FA28,transparent 70%)!important}
.hero-art-halo{background:radial-gradient(circle at 48% 60%,rgba(60,94,244,.23),rgba(133,45,206,.13) 45%,transparent 75%)!important}
.hero-copy h1 em,.page-header em{background:linear-gradient(95deg,#66C5FF,#9A63FC 52%,#E958FA)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-style:normal}
.price{color:#78CAFF!important}
.footer-brand-logo{max-width:106px;max-height:100px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(113,75,244,.21));opacity:.92}
@media(max-width:720px){.footer-brand-logo{max-width:78px;max-height:78px}}

/* YTD Market V1.1 Performance: keep V1 branding, geometry and palette unchanged. */
/* Reveal slightly sooner with fewer intermediate frames and no long stagger. */
.reveal{transition-duration:.38s,.38s;transition-delay:0ms;transform:translateY(12px)}
/* Architectural photo arrives quickly without repeatedly blurring a large texture. */
@keyframes photo-construct{0%{opacity:0;transform:translate(-50%,72px) scale(.97)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
.hero-art .building-photo{animation-duration:1.05s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
/* Mobile Safari and shared-GPU devices: preserve colors and layout, remove expensive full-screen filters and parallax. */
@media (max-width:760px){
 .reveal{opacity:1!important;transform:none!important;transition:none!important}
 .hero{min-height:auto!important;padding-bottom:24px}
 .hero-grid{min-height:0!important;padding-top:16px}
 .hero-art{transform:none!important;will-change:auto!important}
 .hero-art .building-photo{opacity:1!important;animation:mobile-photo-entrance .58s ease-out both}
 .hero-orb{filter:none!important;opacity:.5}
 .hero-art:before{filter:none!important;opacity:.07}
 .site-nav,.hero-metrics,.orbit-label,.preview-hint,.nav-links{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .site-nav{background:rgba(13,16,31,.97)}
 .hero-metrics{background:linear-gradient(105deg,#131B32F5,#151E36F5)}
 .orbit-label{background:#0D1F3CF0}
 .hero-copy{padding-top:12px}
 .hero-bottom{margin-top:0}
 .section{padding-top:36px;padding-bottom:22px}
 .showcase-section{padding-top:30px}
 .scroll-cue{margin-top:8px}
}
@keyframes mobile-photo-entrance{from{opacity:.3;transform:translate(-50%,38px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.hero-art .building-photo{animation:none!important}}

/* Avoid replaying the heavy opening animation when API data replaces the initial shell. */
html.ytd-hydrated .hero-art .building-photo{animation:none!important}


/* YTD Market V1.2 - Editorial typography & readability.
   Same V1 building, identity and layout. No animated text filters. */
:root{--muted:#B9C5E0;--readable-muted:#C0CAE0;--readable-subtle:#ADBBD6}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:15px;line-height:1.85;text-rendering:optimizeLegibility}
/* Keep the navigation precise, but never miniature. */
.nav-links a{font-size:13.5px;letter-spacing:0}
.nav-login{font-size:13px}
.overline{font-size:12.5px;letter-spacing:.04em;line-height:1.65}
.eyebrow{font-size:12.5px;color:#D6E0F4;line-height:1.7}
.hero-desc{font-size:15.5px;line-height:2;color:#CAD4EA}
.hero-detail{font-size:11.5px;letter-spacing:.04em;color:#B8C8E4;direction:rtl;justify-content:flex-start}
.orbit-label{font-size:13px;color:#F2F6FF}
.hero-right-number{font-size:13px;color:#C5CFE2}
.hero-metrics strong{font-size:14px;line-height:1.65}
.hero-metrics span{font-size:12.5px;line-height:1.8;color:#B8C5E0}
.scroll-cue{font-size:12px;color:#C6D2EA}
.section-head-main p,.showcase-content p,.closing p{font-size:14px;line-height:1.95;color:#C1CCDF}
.text-link{font-size:13px;min-height:40px;color:#F1F5FF}
.btn{font-size:14px;line-height:1.6}
.card-chip,.badge-overlay{font-size:11.5px;font-weight:800;letter-spacing:0}
.card-quick{font-size:12.5px}
.product-cat{font-size:11.5px;letter-spacing:.03em;line-height:1.6;color:#89D4FF}
.product-cat span{color:#B4C1DA}
.product-title{font-size:17.5px;line-height:1.7}
.category-pill{font-size:12.5px;color:#DDE6FB}
.showcase-controls{font-size:11.5px;letter-spacing:.06em;color:#C3D8F4}
.showcase-specs span{font-size:12px;line-height:1.7}
.video-caption{font-size:14px;line-height:1.7}
.video-index{font-size:12px}
.footer-grid p{font-size:13.5px;line-height:2;color:#B9C5DE}
.footer-grid h4{font-size:15px}
.footer-grid a:not(.wordmark),.footer-grid span{font-size:13px;color:#BEC9E0}
.footer-bottom{font-size:12px;color:#ADBAD3}
.footer-bottom>span:last-child{font-size:11px;letter-spacing:.025em}
/* Catalog, product details and cart */
.breadcrumbs,.page-counter{font-size:12.5px;color:#B5C2DA}
.page-header p,.detail-description{font-size:14.5px;line-height:1.95;color:#C7D1E6}
.search-field input,.search-modal-field input{font-size:14px}
.catalog-sort select{font-size:13.5px;color:#E5EEFF}
.empty-state p,.empty-inline{font-size:13.5px;color:#BFC9DE}
.detail-type{font-size:12.5px;letter-spacing:.035em}
.detail-media-actions button,.detail-more-cards strong{font-size:13px}
.tag-glow,.detail-version,.detail-tags span,.detail-pricing span,.detail-trust{font-size:12px;color:#BDCAE0}
.detail-more p{font-size:13.5px;line-height:1.9;color:#C1CAE0}
.detail-more-cards span{font-size:12px;color:#B1BFD8}
.cart-item-info>span:last-child,.summary-row,.summary-total,.keep-shopping{font-size:13.5px;color:#B9C6E0}
.checkout-notice{font-size:12.5px;line-height:1.9}
.auth-prompt p{font-size:14px;line-height:1.9;color:#BFCBE1}
.auth-prompt small,.profile-strip>div:nth-child(2) span,.library-stats span,.order-status{font-size:12px;color:#B6C2DE}
.profile-tag,.library-title>span{font-size:11.5px;letter-spacing:.035em;color:#AFC4ED}
.warning-inline,.order-row,.about-points p,.account-head p,.account-head p b{font-size:13.5px;line-height:1.9;color:#BBC8E1}
/* Admin panel: forms and statuses should be readable and professional. */
.admin-heading p,.admin-header p,.admin-side-label{font-size:13px;color:#B7C6DF}
.admin-tab{font-size:14px;color:#D3DDF0}
.admin-sidebar-foot{font-size:13px;color:#D1DDF1}
.admin-sidebar-foot small{font-size:11px;letter-spacing:.03em;color:#B1BFD7}
.admin-product-info strong{font-size:14px}
.admin-product-info span,.admin-mini-badge{font-size:12px;color:#BAC7DE}
.form-field{font-size:13.5px;color:#D1DDED}
.form-field input,.form-field textarea,.form-field select{font-size:14px;line-height:1.65;color:#F5F8FF}
.form-checks label,.image-upload-box>label{font-size:13px}
.image-upload-box small,.image-upload-box>div{font-size:12.5px;color:#C0CAE2}
.admin-alert{font-size:13px;line-height:1.85;color:#F0C69D}
.admin-order strong,.admin-order b{font-size:13px}
.admin-order small,.admin-order .overline{font-size:12px;color:#C0CBE0}
.btn.small{font-size:12px}
.preview-hint,.preview-footer,.search-result span{font-size:12.5px;color:#C1CBE1}
.search-result strong{font-size:14px}
.toast{font-size:13px}
/* Mobile: override legacy 8/9/10/12px media declarations. */
@media(max-width:760px){
 body{font-size:14px;line-height:1.85}
 .nav-links a{font-size:15px;min-height:45px}
 .nav-login{font-size:12.5px}
 .eyebrow,.overline{font-size:12px}
 .hero-desc{font-size:14.5px;line-height:1.95}
 .hero-detail{font-size:11px;letter-spacing:0}
 .hero-metrics strong{font-size:13.5px}
 .hero-metrics span{font-size:12.5px;line-height:1.75}
 .section-head-main p,.showcase-content p{font-size:13.5px;line-height:1.85}
 .text-link{font-size:12.5px;min-height:40px}
 .btn{font-size:13px}
 .product-title{font-size:15px;line-height:1.65}
 .product-cat{font-size:11.5px;letter-spacing:0}
 .category-pill,.showcase-specs span{font-size:12px}
 .video-caption{font-size:13px}
 .footer-grid p{font-size:13px}
 .footer-grid h4{font-size:14px}
 .footer-grid a:not(.wordmark),.footer-grid span{font-size:12.5px}
 .footer-bottom,.footer-bottom>span:last-child{font-size:11.5px;letter-spacing:0}
 .showcase-controls{font-size:11px;letter-spacing:.025em}
 .detail-description,.page-header p{font-size:14px}
 .form-field input,.form-field textarea,.form-field select,.search-field input,.search-modal-field input{font-size:16px}
 .admin-tab{font-size:14px}
 .admin-order small,.admin-order .overline{font-size:12px}
}
@media(max-width:420px){
 .product-image{height:132px}
 .product-card-body{padding:14px 13px}
 .product-title{font-size:14.5px;line-height:1.6}
 .product-cat{font-size:11px}
 .hero-metrics span{font-size:12px}
 .showcase-specs span{font-size:11.5px}
 .video-caption{font-size:12.5px}
 .cart-count{font-size:10px}
}


/* ========================================================================
  YTD Market V1.3 - Cinematic home, editorial architecture
  All selectors scoped to .cinematic-hero so catalogue/admin remain unchanged.
  Animation is composited (opacity + transform), no scroll-time blur/shadows.
  ======================================================================== */
.cinematic-hero{
  --cinema-ink:#090d1c;
  --cinema-blue:#53b9ff;
  --cinema-violet:#9e75ff;
  --cinema-line:rgba(116,147,240,.22);
  min-height:880px;
  background:
    radial-gradient(ellipse 47% 43% at 30% 60%,rgba(47,77,174,.21),transparent 75%),
    radial-gradient(ellipse 54% 48% at 92% 44%,rgba(102,46,169,.13),transparent 76%),
    linear-gradient(132deg,#060a13 0%,#0b1122 48%,#080b17 100%);
}
.cinematic-hero .hero-grain{opacity:.055;}
.cinematic-hero .hero-orb{filter:none;opacity:.52;transform:translateY(calc(var(--progress,0)*-24px));}
.cinematic-hero .hero-swoosh{display:none}
.cinema-gridlines{
 position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:linear-gradient(rgba(116,155,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(116,155,230,.045) 1px,transparent 1px);
 background-size:95px 95px;mask-image:linear-gradient(90deg,#000 2%,transparent 86%);
 opacity:.38;
}
.cinema-horizon{
 pointer-events:none;position:absolute;top:18%;bottom:16%;left:45%;width:1px;
 background:linear-gradient(transparent,rgba(108,159,232,.16) 42%,rgba(128,86,238,.24) 60%,transparent);
 transform:rotate(18deg);z-index:0;
}
.cinema-topline{
 position:relative;top:26px;z-index:2;display:flex;align-items:center;justify-content:space-between;
 font:700 12px 'Inter','Cairo',sans-serif;letter-spacing:1.4px;direction:ltr;
 color:#8fa8cd;min-height:32px;opacity:.93;
}
.cinema-topline span{display:inline-flex;align-items:center;gap:10px;}
.cinema-topline span:last-child{font-family:'Cairo',sans-serif;letter-spacing:0;font-size:13px;}
.cinema-topline i{width:7px;height:7px;background:var(--cinema-blue);border-radius:2px;box-shadow:0 0 12px #4bbfff70;transform:rotate(45deg);}
.cinematic-hero .hero-grid{min-height:610px;padding-top:44px;z-index:1}
.cinematic-hero .hero-copy{
 transform:translateY(calc(var(--progress,0)*-22px));
 opacity:calc(1 - var(--progress,0)*.28);
 transition:none;
}
.cinematic-hero .eyebrow{border:1px solid rgba(107,157,234,.25);color:#ccd9f0;background:rgba(20,31,55,.6);font-size:12px;padding:8px 14px;}
.cinema-overline{display:block;color:#94a9ca;font:700 11px 'Inter',sans-serif;letter-spacing:2.3px;direction:ltr;text-align:right;margin-top:31px;}
.cinematic-hero h1{font-size:clamp(34px,3.6vw,59px);line-height:1.38;letter-spacing:-1.6px;margin:13px 0 19px;}
.cinematic-hero h1 em{filter:none;background:linear-gradient(100deg,#6dc8ff 0%,#8e9dff 42%,#c27be6 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.cinematic-hero .hero-desc{font-size:16px;line-height:2.05;max-width:470px;color:#cad6eb;margin-bottom:29px;}
.cinematic-hero .hero-buttons{gap:13px;}
.cinematic-hero .hero-buttons .btn{min-height:51px;font-size:14px;border-radius:11px;}
.cinematic-hero .hero-detail{margin-top:29px;font:600 12px 'Cairo',sans-serif;color:#b5c5e2;letter-spacing:0;}
.cinematic-hero .hero-detail .detail-line{width:35px;background:#6abcf5;}
.cinematic-hero .hero-art{
 height:580px;transform:translateY(calc(var(--progress,0)*-48px)) scale(calc(1 - var(--progress,0)*.065));
 transform-origin:center bottom;
}
.cinematic-hero .hero-art:before{display:none;}
.cinematic-hero .hero-art:after{
 content:"YTD";position:absolute;top:100px;left:50%;z-index:0;
 transform:translateX(-50%);color:transparent;
 -webkit-text-stroke:1px rgba(117,158,242,.14);
 font:900 clamp(160px,18vw,260px) 'Inter',sans-serif;letter-spacing:-21px;
 line-height:1;pointer-events:none;opacity:calc(.68 - var(--progress,0)*.4);
}
.cinematic-hero .hero-art-halo{z-index:0;inset:12% -5% 10%;background:radial-gradient(ellipse at 52% 72%,rgba(67,128,237,.22),rgba(111,52,184,.12) 43%,transparent 74%)!important;}
.cinematic-hero .architectural-stage,.cinematic-hero .hero-glb{z-index:3;position:relative;}
.cinematic-hero .hero-art .building-photo{
 width:810px;max-width:113%;bottom:77px;
 filter:drop-shadow(0 20px 16px rgba(0,0,0,.46));
 opacity:calc(1 - var(--progress,0)*.65);
 animation:cinema-building-rise 1.4s cubic-bezier(.18,.75,.22,1) both;
}
.cinematic-hero .hero-art .architecture-model{filter:none;}
.cinema-blueprint{
 z-index:2;position:absolute;inset:54px 18px 58px;pointer-events:none;
 border:1px solid rgba(103,151,218,.075);
 clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
 transform:translateY(calc(var(--progress,0)*-14px));
}
.cinema-corner{position:absolute;width:21px;height:21px;border-color:rgba(129,185,249,.42);border-style:solid;}
.cinema-corner.a{top:0;left:0;border-width:1px 0 0 1px}
.cinema-corner.b{top:0;right:0;border-width:1px 1px 0 0}
.cinema-corner.c{bottom:0;left:0;border-width:0 0 1px 1px}
.cinema-corner.d{bottom:0;right:0;border-width:0 1px 1px 0}
.cinema-architecture-line{position:absolute;z-index:1;pointer-events:none;height:1px;left:1%;right:5%;background:linear-gradient(90deg,transparent,rgba(108,178,255,.24) 30%,rgba(131,115,240,.16) 75%,transparent);}
.cinema-architecture-line-top{top:17%;transform:scaleX(.5);transform-origin:left;animation:cinema-draw-line 1.2s ease-out .15s both;}
.cinema-architecture-line-bottom{bottom:15%;opacity:.55;transform:scaleX(.65);}
.cinema-spotlight{
 position:absolute;inset:12% 6% 4%;z-index:1;pointer-events:none;
 background:linear-gradient(112deg,transparent 24%,rgba(85,171,248,.045) 42%,transparent 61%);
 transform:translateX(-26%);
 animation:cinema-light-pass 2.3s ease-in-out .2s 1 both;
}
.cinema-structure-caption{position:absolute;bottom:103px;left:0;z-index:5;direction:ltr;display:flex;gap:10px;align-items:flex-start;color:#8da4c9;font:600 10px/1.5 'Inter',sans-serif;letter-spacing:1.25px;}
.cinema-marker{height:30px;width:2px;background:#7ebaff;display:block;opacity:.7;}
.cinematic-hero .orbit-label{top:105px;left:11px;z-index:5;background:rgba(11,19,41,.8);border-color:rgba(109,153,237,.37);font-size:12px;padding:12px 15px;backdrop-filter:none;}
.cinematic-hero .hero-right-number{right:4%;bottom:110px;color:#c0cfe7;font-size:12px;}
.cinematic-hero .hero-right-number span{color:#8397b8;}
.cinematic-hero .hero-bottom{z-index:5;margin-top:-25px;}
.cinematic-hero .hero-metrics{max-width:1150px;padding:21px;border-color:rgba(125,150,224,.21);background:rgba(17,25,45,.88);backdrop-filter:none;}
.cinematic-hero .scroll-cue{position:relative;z-index:5;margin:21px auto 0;color:#c1cde1;font-size:12px;gap:14px;}
.cinematic-hero .scroll-wheel{border-color:rgba(120,175,242,.52);}
.cinema-bottom-fade{pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:145px;background:linear-gradient(transparent,rgba(7,11,20,.42) 55%,#070B14);z-index:1;}
.cinema-next-section{position:relative;padding-top:62px;}
.cinema-next-section:before{content:"";position:absolute;top:0;left:50%;width:1px;height:36px;background:linear-gradient(#6789d2,transparent);opacity:.45;}
@keyframes cinema-building-rise{
 0%{opacity:0;transform:translate(-50%,78px) scale(.94)}
 100%{opacity:1;transform:translate(-50%,0) scale(1)}
}
@keyframes cinema-draw-line{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(.8)}}
@keyframes cinema-light-pass{from{opacity:0;transform:translateX(-32%)}to{opacity:1;transform:translateX(12%)}}
@keyframes cinema-copy-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.cinematic-hero .hero-copy>*{animation:cinema-copy-enter .72s cubic-bezier(.22,1,.36,1) both;}
.cinematic-hero .hero-copy>*:nth-child(1){animation-delay:.06s;}
.cinematic-hero .hero-copy>*:nth-child(2){animation-delay:.15s;}
.cinematic-hero .hero-copy>*:nth-child(3){animation-delay:.22s;}
.cinematic-hero .hero-copy>*:nth-child(4){animation-delay:.33s;}
.cinematic-hero .hero-copy>*:nth-child(5){animation-delay:.42s;}
.cinematic-hero .hero-copy>*:nth-child(6){animation-delay:.51s;}
/* The API hydration re-renders the same home hero. Skip replay after hydration. */
html.ytd-hydrated .cinematic-hero .hero-copy>*,
html.ytd-hydrated .cinematic-hero .cinema-spotlight,
html.ytd-hydrated .cinematic-hero .cinema-architecture-line-top{
 animation:none!important;
}
/* Keep the cinematic treatment in the hero only; product cards are original V1.2 UI. */
@media(max-width:1100px){
 .cinematic-hero .hero-grid{grid-template-columns:47% 53%}
 .cinematic-hero h1{font-size:clamp(32px,3.7vw,43px)}
 .cinematic-hero .hero-art .building-photo{width:730px;}
 .cinema-structure-caption{left:7px;}
}
@media(max-width:760px){
 .cinematic-hero{min-height:auto;padding-top:79px;background:radial-gradient(ellipse 80% 40% at 50% 62%,rgba(52,71,166,.21),transparent 85%),linear-gradient(160deg,#080e1b,#0b1122 60%,#070b14)}
 .cinema-topline{top:0;min-height:24px;justify-content:center;direction:ltr;font-size:10px;letter-spacing:.9px;}
 .cinema-topline span:last-child{display:none}
 .cinematic-hero .hero-grid{padding-top:4px;min-height:0;display:flex;flex-direction:column;}
 .cinematic-hero .hero-copy{padding:18px 0 0;transform:none;opacity:1;}
 .cinematic-hero .eyebrow{font-size:11px;padding:7px 11px}
 .cinema-overline{margin-top:18px;text-align:center;font-size:10px;letter-spacing:1px;}
 .cinematic-hero h1{font-size:clamp(28px,7.1vw,38px);letter-spacing:-.5px;line-height:1.46;margin:12px 0}
 .cinematic-hero .hero-desc{font-size:14px;max-width:370px;line-height:1.85;margin-bottom:20px}
 .cinematic-hero .hero-buttons .btn{font-size:12px;min-height:46px;padding:0 15px;}
 .cinematic-hero .hero-art{height:350px;transform:none;will-change:auto;}
 .cinematic-hero .hero-art:after{top:63px;font-size:150px;letter-spacing:-13px;-webkit-text-stroke-color:rgba(117,158,242,.11);}
 .cinema-blueprint{inset:18px 8px 22px}
 .cinema-architecture-line-top{top:19%}
 .cinema-architecture-line-bottom{bottom:12%}
 .cinema-spotlight{animation:none;opacity:.6}
 .cinematic-hero .hero-art .building-photo{width:620px;max-width:136%;bottom:40px;filter:none!important;opacity:1!important;animation:mobile-photo-entrance .58s ease-out both;}
 .cinema-structure-caption{display:none}
 .cinematic-hero .orbit-label{left:5px;top:17px;font-size:11px;padding:8px 10px}
 .cinematic-hero .hero-right-number{bottom:36px;right:4%;font-size:11px}
 .cinematic-hero .hero-bottom{margin-top:-4px}
 .cinematic-hero .hero-metrics{padding:14px}
 .cinematic-hero .scroll-cue{margin:17px auto 0}
 .cinema-next-section{padding-top:48px;}
 .cinema-next-section:before{height:25px}
 .cinema-horizon{display:none}
}
@media(max-width:420px){
 .cinematic-hero .hero-grid{padding-top:0}
 .cinematic-hero h1{font-size:28px;}
 .cinematic-hero .hero-art{height:305px;}
 .cinematic-hero .hero-art .building-photo{bottom:32px;max-width:140%}
 .cinematic-hero .orbit-label{top:6px}
 .cinematic-hero .hero-metrics{gap:12px}
}
@media(prefers-reduced-motion:reduce){
 .cinematic-hero *,
 .cinematic-hero *:before,
 .cinematic-hero *:after{animation:none!important;transition:none!important}
 .cinematic-hero .hero-art,.cinematic-hero .hero-copy{transform:none!important;opacity:1!important}
 .cinematic-hero .hero-art .building-photo{opacity:1!important}
}

/* On small screens the CSS orbit stand-in would extend above the media box.
   Keep the real hero render visible; full interactive demo remains in modal. */
@media(max-width:760px){
 .cinematic-hero .hero-art .architecture-model{display:none!important;}
}

/* TamPay invoice link and manual payment confirmation extension */
.payment-order-details{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;margin-top:5px;border-radius:12px;border:1px solid rgba(207,106,156,.24);background:rgba(116,52,97,.10);min-width:0}
.payment-order-details .btn{max-width:100%;white-space:normal}
.payment-order-details small{font-size:11px;color:#d2b9cb;line-height:1.8}
.payment-reference-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;width:100%}
.payment-reference-form label{display:flex;flex:1 1 200px;flex-direction:column;gap:6px;font-size:12px;color:#edd4e6}
.payment-reference-form input,.admin-order-actions input{background:#101119;border:1px solid #ffffff35;border-radius:9px;color:#fff;outline:none;min-height:38px;padding:8px 10px;width:100%;font-size:13px;direction:auto}
.payment-reference-form input:focus,.admin-order-actions input:focus{border-color:#bf77e8}
.admin-order-actions{flex-wrap:wrap!important;gap:8px;min-width:0}
.admin-order-actions input{min-width:150px;flex:1}
.admin-order-actions select{min-width:104px;flex:1}
.cart-item-end{min-width:155px;height:auto;align-self:stretch;gap:8px}
.cart-item-end .btn{white-space:nowrap}
@media(max-width:760px){.payment-order-details{padding:11px}.admin-order-actions input{min-width:0}.cart-item{gap:10px}.cart-item img{width:82px;height:80px}.cart-item-end{min-width:110px;align-items:flex-end}.cart-item-end .btn{font-size:10px;padding:4px 8px}.order-row{align-items:start}}

/* V1.4.2 storefront honesty: branded cover instead of unrelated map screenshot */
.product-image>img.brand-placeholder,.detail-image>img.brand-placeholder,.cart-item>img.brand-placeholder{object-fit:contain;background:radial-gradient(ellipse at 50% 60%,#26305f 0%,#141728 60%,#0c0d19 100%);padding:20px}
.product-image>img.brand-placeholder{padding:19px 35px}
.detail-image>img.brand-placeholder{padding:40px 65px}
.no-product-media{min-height:320px;display:grid;place-items:center;padding:30px;color:#c4baca;text-align:center;font-size:15px;background:#101222}
.combined-invoice-admin{width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #95549777;background:#121522;border-radius:10px}
.combined-invoice-admin label{font-size:12px;color:#f1d7e7;width:100%}
.combined-invoice-admin input{width:100%;margin-top:6px}
.combined-invoice-admin small{font-size:11px;line-height:1.6}
@media(max-width:760px){.combined-invoice-admin{grid-column:1/-1}.detail-image>img.brand-placeholder{padding:20px}}