*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--gold:#d4af37;--gold-light:#f0d060;--gold-dark:#a08520;--emerald:#0d6b3d;--emerald-light:#16a34a;--emerald-dark:#064e25;--emerald-glow:#0d6b3d4d;--black:#0a0a0a;--black-light:#1a1a1a;--black-medium:#111;--cream:#f5f0e8;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:var(--sans);line-height:1.6;overflow-x:hidden}.islamic-pattern{z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='0.5'%3E%3Cpolygon points='40,0 80,20 80,60 40,80 0,60 0,20'/%3E%3Cpolygon points='40,10 70,25 70,55 40,70 10,55 10,25'/%3E%3Cline x1='40' y1='0' x2='40' y2='80'/%3E%3Cline x1='0' y1='40' x2='80' y2='40'/%3E%3Cline x1='0' y1='20' x2='80' y2='60'/%3E%3Cline x1='0' y1='60' x2='80' y2='20'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;position:fixed;inset:0}.islamic-pattern-green{z-index:0;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2316a34a' stroke-width='0.4'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3Ccircle cx='30' cy='30' r='12'/%3E%3Cline x1='30' y1='8' x2='30' y2='52'/%3E%3Cline x1='8' y1='30' x2='52' y2='30'/%3E%3Cline x1='14' y1='14' x2='46' y2='46'/%3E%3Cline x1='46' y1='14' x2='14' y2='46'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;position:fixed;inset:0}.bg-pattern{z-index:0;pointer-events:none;background:radial-gradient(800px 600px at 20% 10%,#d4af370f 0%,#0000 70%),radial-gradient(600px 800px at 80% 90%,#0d6b3d0a 0%,#0000 70%),radial-gradient(500px 500px,#d4af3708 0%,#0000 70%);position:fixed;inset:0}.islamic-border{border:1px solid #d4af3733;margin:0;padding:3rem 2rem;position:relative;overflow:hidden}.islamic-border:before{content:"";pointer-events:none;border:1px solid #d4af371a;position:absolute;inset:4px}.islamic-border:after{content:"";pointer-events:none;border:1px solid #0d6b3d14;position:absolute;inset:8px}.islamic-corners{position:relative}.islamic-corners .corner{border-color:var(--gold);opacity:.4;width:40px;height:40px;position:absolute}.corner.tl{border-top:2px solid;border-left:2px solid;top:12px;left:12px}.corner.tr{border-top:2px solid;border-right:2px solid;top:12px;right:12px}.corner.bl{border-bottom:2px solid;border-left:2px solid;bottom:12px;left:12px}.corner.br{border-bottom:2px solid;border-right:2px solid;bottom:12px;right:12px}.gamou-section{z-index:1;background:linear-gradient(#080808 0%,#0c0c0c 50%,#0a0a0a 100%);padding:4rem 0 3rem;position:relative;overflow:hidden}.gamou-section:before{content:"";background:linear-gradient(90deg,transparent 5%,var(--gold)20%,var(--emerald)50%,var(--gold)80%,transparent 95%);height:2px;position:absolute;top:0;left:0;right:0}.gamou-section:after{content:"";background:linear-gradient(90deg,transparent 5%,var(--emerald)20%,var(--gold)50%,var(--emerald)80%,transparent 95%);height:2px;position:absolute;bottom:0;left:0;right:0}.gamou-subtitle-alt{font-family:var(--serif);color:var(--gold-dark);letter-spacing:.08em;opacity:0;white-space:nowrap;pointer-events:none;margin-top:.3rem;font-size:clamp(.9rem,2.2vw,1.25rem);animation:36s ease-in-out infinite fadeLang;position:absolute;left:50%;transform:translate(-50%)}.gamou-subtitle-alt:nth-child(2){animation-delay:0s}.gamou-subtitle-alt:nth-child(3){animation-delay:4s}.gamou-subtitle-alt:nth-child(4){animation-delay:8s}.gamou-subtitle-alt:nth-child(5){animation-delay:12s}.gamou-subtitle-alt:nth-child(6){animation-delay:16s}.gamou-subtitle-alt:nth-child(7){animation-delay:20s}.gamou-subtitle-alt:nth-child(8){animation-delay:24s}.gamou-subtitle-alt:nth-child(9){animation-delay:28s}@keyframes fadeLang{0%,2%{opacity:0}4%,10%{opacity:1}12%{opacity:0}to{opacity:0}}.gamou-header{text-align:center;margin-bottom:2.5rem;position:relative}.gamou-star{color:var(--gold);filter:drop-shadow(0 0 20px #d4af3780);margin-bottom:.5rem;font-size:3.5rem;animation:20s linear infinite rotateStar;display:inline-block}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gamou-title{font-family:var(--serif);color:var(--gold);text-shadow:0 2px 20px #d4af3766,0 0 40px #0d6b3d33;letter-spacing:.08em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.gamou-subtitle{font-family:var(--serif);color:var(--emerald-light);letter-spacing:.1em;margin-top:.5rem;font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic}.gamou-bismillah{font-family:var(--serif);color:var(--gold-dark);letter-spacing:.15em;opacity:.7;margin-top:1rem;font-size:clamp(.9rem,2vw,1.2rem)}.gamou-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:0 2rem;display:flex;overflow-x:auto}.gamou-gallery::-webkit-scrollbar{display:none}.gamou-slide{scroll-snap-align:center;border:2px solid #d4af3733;border-radius:16px;flex-shrink:0;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.gamou-slide:hover{border-color:#d4af3780;transform:scale(1.02);box-shadow:0 15px 50px #0009,0 0 30px #d4af371a}.gamou-slide.wide{width:600px;height:340px}.gamou-slide.square{width:340px;height:340px}.gamou-slide img{object-fit:cover;width:100%;height:100%}.gamou-slide:after{content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 60px #0006}.islamic-divider{z-index:1;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:relative}.islamic-divider .line{flex:1;height:1px}.islamic-divider .line.gold{background:linear-gradient(90deg,transparent,var(--gold-dark))}.islamic-divider .line.green{background:linear-gradient(90deg,var(--gold-dark),transparent)}.islamic-divider .diamond{background:var(--gold);flex-shrink:0;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 10px #d4af3766}.islamic-divider .crescent{color:var(--emerald-light);filter:drop-shadow(0 0 8px #16a34a66);flex-shrink:0;font-size:1.5rem}.hero{z-index:1;text-align:center;background:radial-gradient(circle at 50% 40%,#d4af371a 0%,#0000 50%),radial-gradient(circle at 30% 70%,#0d6b3d0f 0%,#0000 40%),linear-gradient(#0a0a0a 0%,#080808 100%);flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:3rem 2rem;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(90deg,transparent,var(--gold),var(--emerald),var(--gold),transparent);width:300px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero:after{content:"";background:linear-gradient(90deg,transparent,var(--emerald),var(--gold),var(--emerald),transparent);width:300px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-crest{filter:drop-shadow(0 0 30px #d4af3766);margin-bottom:.5rem;font-size:4rem;animation:3s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 30px #d4af3766)}50%{filter:drop-shadow(0 0 50px #d4af3799)drop-shadow(0 0 20px #0d6b3d4d)}}.hero h1{font-family:var(--serif);color:var(--gold);text-shadow:0 2px 20px #d4af374d,0 0 60px #d4af371a;letter-spacing:.05em;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.2}.hero h1 span{color:var(--cream);letter-spacing:.3em;text-transform:uppercase;text-shadow:none;margin-top:.5rem;font-size:.45em;font-weight:400;display:block}.hero-subtitle{font-family:var(--serif);color:var(--gold-dark);letter-spacing:.1em;margin-top:1.5rem;font-size:clamp(1rem,2.5vw,1.4rem);font-style:italic}.hero-endorsement{color:var(--emerald-light);letter-spacing:.2em;text-transform:uppercase;margin-top:.75rem;font-size:.85rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:2.5rem;display:flex}.hero-stat{text-align:center;background:#d4af3708;border:1px solid #d4af371a;border-radius:8px;padding:1rem 1.5rem;position:relative}.hero-stat:before{content:"";background:var(--gold);width:30px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.hero-stat .number{font-family:var(--serif);color:var(--gold);font-size:2.5rem;font-weight:700;display:block}.hero-stat .label{color:#f5f0e873;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.scroll-indicator{color:var(--gold-dark);opacity:.6;font-size:1.5rem;animation:2s ease-in-out infinite float;position:absolute;bottom:2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nav-bar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;background:#0a0a0af2;border-top:1px solid #0d6b3d1a;border-bottom:1px solid #d4af3726;align-items:center;gap:1.5rem;padding:.75rem 2rem;display:flex;position:sticky;top:0;overflow-x:auto}.nav-bar::-webkit-scrollbar{display:none}.nav-logo{font-family:var(--serif);color:var(--gold);white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:700}.nav-links{flex-wrap:nowrap;gap:.25rem;display:flex}.nav-link{color:#f5f0e873;white-space:nowrap;letter-spacing:.03em;border:1px solid #0000;border-radius:20px;padding:.35rem .7rem;font-size:.72rem;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--gold);background:#d4af3714;border-color:#d4af3733}.main-content{z-index:1;max-width:1600px;margin:0 auto;padding:2rem 1.5rem 6rem;position:relative}.product-section{opacity:0;margin-bottom:5rem;animation:.6s forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.section-ornament{flex:1;height:1px}.section-ornament.right{background:linear-gradient(90deg,var(--gold-dark),transparent)}.section-ornament.left{background:linear-gradient(90deg,transparent,var(--gold-dark))}.section-title{font-family:var(--serif);color:var(--gold);white-space:nowrap;text-shadow:0 2px 15px #d4af3733;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;position:relative}.section-title:before{content:"❖";color:var(--emerald-dark);vertical-align:middle;margin-right:.5rem;font-size:.6em;display:inline-block}.section-title .by-person{color:var(--gold-dark);margin-top:.3rem;font-size:.55em;font-style:italic;font-weight:400;display:block}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.product-card{background:var(--black-light);border:1px solid #d4af371a;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card:before{content:"";background:linear-gradient(90deg,var(--gold),var(--emerald),var(--gold));opacity:0;z-index:2;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.product-card:hover:before{opacity:1}.product-card:hover{border-color:#d4af3759;transform:translateY(-8px);box-shadow:0 20px 60px #00000080,0 0 40px #d4af3714,0 0 20px #0d6b3d0d}.product-img-wrap{aspect-ratio:1;background:var(--black-medium);position:relative;overflow:hidden}.product-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-img-wrap img{transform:scale(1.08)}.product-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#0a0a0acc;border:1px solid #d4af3733;border-radius:20px;padding:.25rem .65rem;transition:all .3s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-8px)}.product-card:hover .product-overlay{opacity:1;transform:translateY(0)}.product-format{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:600}.product-info{padding:1rem 1.15rem}.product-info h3{font-family:var(--serif);color:var(--cream);margin-bottom:.35rem;font-size:.9rem;font-weight:600;line-height:1.3}.product-person{color:var(--gold-dark);font-size:.72rem;font-style:italic}.site-footer{z-index:1;text-align:center;background:var(--black-medium);border-top:1px solid #d4af3726;padding:3rem 2rem;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg,transparent,var(--emerald),var(--gold),var(--emerald),transparent);width:200px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer-crest{filter:drop-shadow(0 0 15px #d4af374d);margin-bottom:1rem;font-size:2rem}.footer-text{font-family:var(--serif);color:var(--gold-dark);font-size:1rem;font-style:italic}.footer-sub{color:#f5f0e84d;letter-spacing:.1em;margin-top:.5rem;font-size:.7rem}.footer-islamic{color:var(--emerald-dark);letter-spacing:.2em;margin-top:1rem;font-size:.75rem}.max-portrait{z-index:1;background:linear-gradient(135deg,#1a1a1ae6 0%,#0a0a0af2 100%);border:2px solid #d4af3740;border-radius:20px;align-items:center;gap:2.5rem;max-width:900px;margin:0 auto 4rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.max-portrait:before{content:"";pointer-events:none;border:1px solid #d4af371a;border-radius:16px;position:absolute;inset:4px}.max-portrait:after{content:"";pointer-events:none;border:1px solid #0d6b3d14;border-radius:14px;position:absolute;inset:8px}.max-portrait-img{z-index:2;border:3px solid #d4af374d;border-radius:14px;flex-shrink:0;width:260px;height:260px;position:relative;overflow:hidden;box-shadow:0 0 40px #d4af3726,0 10px 30px #00000080}.max-portrait-img img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.max-portrait-img:after{content:"";pointer-events:none;border-radius:11px;position:absolute;inset:0;box-shadow:inset 0 0 30px #0000004d}.max-portrait-text{z-index:2;position:relative}.max-portrait-text .label{text-transform:uppercase;letter-spacing:.25em;color:var(--emerald-light);margin-bottom:.5rem;font-size:.7rem}.max-portrait-text h3{font-family:var(--serif);color:var(--gold);text-shadow:0 2px 15px #d4af374d;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2}.max-portrait-text h3 span{color:var(--cream);letter-spacing:.15em;margin-top:.3rem;font-size:.5em;font-weight:400;display:block}.max-portrait-text .tagline{font-family:var(--serif);color:var(--gold-dark);margin-top:.75rem;font-size:1.1rem;font-style:italic}.max-portrait-text .desc{color:#f5f0e88c;max-width:400px;margin-top:1rem;font-size:.85rem;line-height:1.7}.max-portrait .corner-deco{border-color:var(--gold);opacity:.3;z-index:3;width:30px;height:30px;position:absolute}.max-portrait .corner-deco.tl{border-top:2px solid;border-left:2px solid;top:14px;left:14px}.max-portrait .corner-deco.tr{border-top:2px solid;border-right:2px solid;top:14px;right:14px}.max-portrait .corner-deco.bl{border-bottom:2px solid;border-left:2px solid;bottom:14px;left:14px}.max-portrait .corner-deco.br{border-bottom:2px solid;border-right:2px solid;bottom:14px;right:14px}.max-portrait-badge{background:linear-gradient(135deg,var(--gold)0%,var(--gold-dark)100%);color:var(--black);font-family:var(--serif);letter-spacing:.15em;text-transform:uppercase;z-index:4;border-radius:20px;padding:.4rem 1rem;font-size:.6rem;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #d4af374d}@media (max-width:768px){.max-portrait{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}.max-portrait-img{width:180px;height:180px}.max-portrait-text .desc{max-width:100%}}.floating-star{z-index:0;pointer-events:none;opacity:.04;color:var(--gold);position:fixed}.floating-star.s1{font-size:120px;animation:15s ease-in-out infinite floatSlow;top:20%;left:5%}.floating-star.s2{color:var(--emerald-light);font-size:80px;animation:20s ease-in-out infinite reverse floatSlow;top:60%;right:3%}.floating-star.s3{font-size:60px;animation:18s ease-in-out 3s infinite floatSlow;top:40%;left:50%}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(15deg)}}@media (max-width:768px){.products-grid,.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.hero h1{font-size:2rem}.hero-stats{gap:1rem}.hero-stat{padding:.75rem 1rem}.hero-stat .number{font-size:1.8rem}.section-title{font-size:1.1rem}.product-info h3{font-size:.8rem}.nav-bar{padding:.5rem 1rem}.gamou-slide.wide{width:85vw;height:48vw}.gamou-slide.square{width:60vw;height:60vw}.gamou-gallery{padding:0 1rem}.floating-star{display:none}}@media (max-width:480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.product-info{padding:.6rem .75rem}.product-info h3{font-size:.7rem}.product-person{font-size:.6rem}.gamou-slide.wide{width:92vw;height:52vw}.gamou-slide.square{width:70vw;height:70vw}}body{margin:0;padding:0}.catalog-root{min-height:100vh}.section-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin:16px 0 8px;display:flex}.section-stat{color:#f5f0e899;letter-spacing:1px;text-transform:uppercase;font-size:.78rem}.section-stat .stat-num{color:var(--gold);margin-bottom:2px;font-size:1.1rem;font-weight:700;display:block}.world-banner{text-align:center;font-family:var(--serif);color:var(--gold);letter-spacing:3px;background:linear-gradient(90deg,#0000,#d4af3714,#0000);border-top:1px solid #d4af3726;border-bottom:1px solid #d4af3726;margin:16px 0 8px;padding:14px 20px;font-size:.9rem;font-style:italic}.brand-category{color:#d4af37cc;font-family:var(--serif);letter-spacing:1px;border-left:2px solid #d4af374d;margin:32px 0 12px;padding-left:16px;font-size:.95rem}.title-arabic{opacity:.7;direction:rtl;margin-top:4px;font-family:Amiri,Noto Naskh Arabic,serif;font-size:.6em;display:block}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.footer-links a:hover{color:#d4af37!important}@media (max-width:768px){.section-stats{gap:16px}.section-stat{font-size:.7rem}.section-stat .stat-num{font-size:.95rem}.world-banner{letter-spacing:2px;font-size:.75rem}.brand-category{margin:24px 0 10px;font-size:.85rem}}@media (max-width:480px){.section-stats{gap:10px}.world-banner{padding:10px 12px;font-size:.65rem}}
