@import url('styles.css');
:root{--gold:#e6b85a;--black:#111416;--paper:#f7f8fa;--muted:#69727b;--ease:cubic-bezier(.22,1,.36,1)}body{background:var(--paper);line-height:1.8}header{position:sticky;top:0;z-index:30;padding:16px 6%;background:#111416ec;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12;box-shadow:0 5px 25px #00000012}.identity{gap:14px}.identity strong{font-size:21px}.identity small{font-size:10px;letter-spacing:2px}.monogram{background:linear-gradient(135deg,#edc974,#b57c27);color:#181a1d;border-radius:14px;width:54px;height:54px;display:grid;place-items:center;font-size:25px;box-shadow:0 4px 18px #d9b45c20}.monogram span{display:none}nav{gap:35px}nav a{position:relative;font-weight:500}nav a:after{content:'';position:absolute;bottom:-8px;inset-inline-start:0;width:0;height:2px;background:var(--gold);transition:width .3s}nav a:hover:after,nav a.active:after{width:100%}.languages{padding:4px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff05}.languages button{border:0;border-radius:8px;padding:7px 12px;transition:background .2s,color .2s}.languages button[aria-pressed=true]{background:var(--gold);color:#17191a;box-shadow:0 3px 12px #e6b85a20}.hero{min-height:760px;display:flex;align-items:center;padding:65px 6% 115px;gap:6%;isolation:isolate;overflow:hidden}.hero-photo{background:linear-gradient(90deg,#111416e0,#111416ed),url('assets/hero.jpg') center/cover no-repeat;inset:0;transform:none!important;opacity:1}.hero:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;inset-inline-end:-200px;top:-150px;border-radius:50%;background:radial-gradient(circle,#e6b85a14,transparent 70%);pointer-events:none}.hero-grain{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{padding:0;width:50%;flex-shrink:0;animation:heroEnter 1s var(--ease) both;z-index:1}.hero .eyebrow{display:inline-block;border:1px solid #e6b85a40;background:#e6b85a0b;border-radius:99px;padding:6px 15px;font-size:13px;letter-spacing:1px}.hero h1{font-size:clamp(42px,5.3vw,78px);line-height:1.35;letter-spacing:-2px;margin:22px 0}.hero-description{font-size:16px;line-height:2;max-width:470px;color:#aeb6be}.hero-actions{gap:14px}.button{border-radius:11px;min-height:52px;padding:13px 27px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.gold{background:linear-gradient(135deg,#efd083,#d7a344);box-shadow:0 8px 24px #d7a3441c}.gold:hover{box-shadow:0 12px 30px #d7a34430}.outline{background:#ffffff05;border-color:#ffffff25}.hero-address{margin-top:26px;color:#89939c;font-size:13px}.showcase{position:relative;width:44%;max-width:470px;background:linear-gradient(145deg,#fcfcfc,#e7eaed);color:#14191d;border:1px solid #ffffff40;border-radius:28px;box-shadow:0 30px 70px #0006,0 0 0 12px #ffffff03;overflow:hidden;animation:heroEnter 1.2s .1s var(--ease) both;z-index:1}.showcase-top{padding:22px 25px;display:flex;justify-content:space-between;direction:ltr;font:600 10px Inter,sans-serif;letter-spacing:2px;color:#717a81}#slide-number{letter-spacing:1px;color:#9b7933}.slide-art{height:280px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-art img{position:relative;z-index:1;height:100%;width:100%;object-fit:contain;padding:5px 35px 25px;mix-blend-mode:multiply;animation:floatProduct 6s ease-in-out infinite;transition:opacity .3s,transform .5s var(--ease)}.slide-art.switching img{opacity:0;transform:translateY(18px) scale(.94)}.slide-ring{position:absolute;width:225px;height:225px;border:1px solid #c7a15340;border-radius:50%;box-shadow:0 0 0 30px #b5bec710,0 0 0 60px #b5bec708}.slide-info{padding:8px 26px 25px;border-bottom:1px solid #cdd2d6}.slide-info>span{font-size:11px;color:#94712e}.slide-info h2{font-size:27px;margin:3px 0;letter-spacing:-.5px}.slide-info p{font-size:12px;color:#7b8289;margin:6px 0 0}.slider-controls{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px;direction:ltr}.slider-controls>button{background:none;border:0;color:#606971;font:500 11px Inter,'Noto Sans Arabic',sans-serif;cursor:pointer;padding:7px 3px}.slider-controls>button:hover{color:#94712e}.slider-dots{display:flex;gap:7px}.slider-dots button{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#b7bec4;cursor:pointer;transition:width .3s,background .3s}.slider-dots button[aria-pressed=true]{width:23px;border-radius:4px;background:#b48a3c}#slide-pause{font-size:10px;border-inline-start:1px solid #d2d5d8;padding-inline-start:12px}.photo-caption{bottom:79px;font-size:10px;inset-inline-end:6%;background:none;color:#6f7c86}.hero-bottom{left:6%;right:6%;padding:20px 0;border-color:#ffffff12;font-size:11px;letter-spacing:1px}.hero-scroll{color:#6e7982;font-size:10px}.brand-strip{background:white;border-bottom:1px solid #e5e8eb;padding:29px 6%;gap:25px;color:#878e94;font-size:17px;justify-content:space-around;letter-spacing:-.5px}.brand-strip span{transition:color .2s}.brand-strip span:hover{color:#a77a2b}.section{padding:95px 6%}.section-heading{margin-bottom:38px;gap:50px}.section-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.4}.section-heading>p{font-size:14px;color:#7a838c}.eyebrow{letter-spacing:1.5px;font-size:12px;color:#a47c35}.toolbar{background:white;padding:12px;border:1px solid #e2e6eb;border-radius:16px;gap:17px;box-shadow:0 6px 24px #15273803}.search{border:0;border-radius:10px;background:#f4f6f8;max-width:none;flex:1;padding:0 16px}.search input{padding:12px 0;font-size:14px}.search span{font-size:25px}.filter select{border:1px solid #e6e9ed;border-radius:10px;padding:11px 15px;background:#fff;font-size:13px;max-width:200px}.filter>span{font-size:12px;color:#8b939b}.result-count{padding:0 15px;font-size:12px;white-space:nowrap;color:#8b939b}.quick-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 32px}.quick-filters button{border:1px solid #e0e4e8;padding:8px 16px;background:white;font-size:12px;border-radius:99px;color:#747d85;cursor:pointer;transition:all .2s}.quick-filters button:hover{border-color:#c99c46;color:#987331}.quick-filters button[aria-pressed=true]{background:#171c20;border-color:#171c20;color:#edc974}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{padding:0;border:1px solid #e3e7eb;border-radius:20px;overflow:hidden;background:white;box-shadow:0 4px 15px #19252d03;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;animation:cardEnter .5s var(--ease) both;animation-delay:calc(var(--card-order,0)*35ms)}.product:hover{transform:translateY(-8px);box-shadow:0 20px 40px #19252d0b;border-color:#d4b06b}.product .item-photo{margin:0;background:linear-gradient(140deg,#f9fafb,#f0f2f4);position:relative}.product .item-photo img{height:245px;padding:27px 38px 18px;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s var(--ease)}.product:hover .item-photo img{transform:scale(1.06) rotate(-2deg)}.item-photo figcaption{font-size:10px;background:none;color:#a1a8ae;padding:0 10px 15px;line-height:1.5}.product-top{padding:25px 25px 0;margin-bottom:10px}.product h3{font-size:22px;letter-spacing:-.7px}.product-index{background:#f4f5f7;border:1px solid #e9ecf0;border-radius:7px;padding:3px 7px;font-size:10px;color:#a2a9af}.product-category{padding:0 25px;font-size:10px;letter-spacing:.5px;color:#ad8438;margin-bottom:16px}.chips{padding:0 25px;gap:6px;margin-bottom:22px}.chip{border:0;border-radius:6px;background:#f4f6f8;font-size:11px;padding:5px 9px;color:#757f89}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef0f3;margin:0 25px;padding:16px 0}.detail-button{border:0;background:#171d21;color:#fff;border-radius:8px;padding:8px 13px;font:600 12px Inter,'Noto Sans Arabic',sans-serif;cursor:pointer;transition:background .2s}.detail-button:hover{background:#9b772f}.product .card-footer a{border:0;padding:0;margin:0;font-size:11px;color:#ad8438;line-height:1.6}.catalog-note{font-size:12px;line-height:1.8;color:#959ca4;margin-top:26px}.empty{background:white;border:1px dashed #ccd1d6;border-radius:14px;padding:45px;color:#879099}.wheel-section{position:relative;background:#11171c;display:block;color:white}.wheel-intro{max-width:none;display:flex;flex-wrap:wrap;align-items:end;gap:0 50px;margin-bottom:38px}.wheel-intro .eyebrow{width:100%}.wheel-intro h2{white-space:normal!important;font-size:42px}.wheel-intro p:not(.eyebrow){margin:0;max-width:400px;font-size:14px;color:#8997a3}.wheel-intro>img,.wheel-intro>small{display:none}.wheel-list{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.wheel-row{display:block;padding:0;border:1px solid #ffffff15;background:#1b2228;border-radius:20px}.wheel-row .item-photo{width:100%;border-radius:0;margin:0;background:linear-gradient(140deg,#f9fafb,#f0f2f4)}.wheel-row .item-photo img{height:220px;padding:25px 40px;object-fit:contain}.wheel-row .item-photo figcaption{font-size:10px;padding:0 10px 15px;background:none;color:#8c959d}.wheel-row>div:not(.card-footer){padding:22px 25px 20px}.wheel-row h3{font:600 17px Inter,'Noto Sans Arabic',sans-serif;direction:inherit;letter-spacing:0;margin:0 0 12px;color:#e8edf1}.wheel-row p{font-size:13px;color:#8b99a4;line-height:1.8;overflow-wrap:anywhere}.wheel-row .card-footer{border-color:#ffffff12}.wheel-row .detail-button{background:#ffffff09;border:1px solid #ffffff12;color:#cfdae3}.wheel-row .detail-button:hover{background:#d6ad5440}.wheel-row:hover{border-color:#d6ad5460;box-shadow:0 20px 40px #0003}.contact-section{background:#f0f3f6}.contact-layout{gap:30px;grid-template-columns:1fr 1.5fr}.location{border:1px solid #e0e5e9;border-radius:20px;padding:35px;background:white;box-shadow:0 8px 30px #132c4003}.location-symbol{display:grid;place-items:center;border-radius:14px;background:#e7b45013;width:55px;height:55px;color:#af8433;font-size:30px;margin-bottom:20px}.location h3{font-size:21px}.location p{font-size:15px;color:#7f8991;margin:15px 0 25px}.location small{font-size:11px;line-height:1.8;color:#9aa3ab}.contacts{gap:15px;align-content:start}.contact-card{background:white;border:1px solid #e0e5e9;border-radius:16px;padding:24px;transition:transform .3s,border-color .3s}.contact-card:hover{transform:translateY(-4px);border-color:#d4b06b}.contact-card span{font-size:13px;color:#7b858e;font-weight:500}.contact-card a{font-size:21px;letter-spacing:.3px;margin-top:5px;color:#222d35}.contact-card a:after{content:'↗';display:inline-block;margin-left:12px;color:#c6a35d;font-size:15px}footer{padding:40px 6%;background:#0c1115;color:#65717b;border-top:1px solid #ffffff08}.footer-brand{font-size:22px}.footer-brand span{font-size:12px;color:#89949d}.admin-link{background:#0c1115;padding:13px;font-size:11px;color:#65717b;border-top:1px solid #ffffff08}.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.pending{opacity:0;transform:translateY(25px)}#product-dialog{border:1px solid #e3e7eb;padding:35px;border-radius:24px;width:min(850px,92vw);max-height:88vh;overflow:auto;box-shadow:0 30px 100px #0004;color:#172029;animation:cardEnter .3s var(--ease)}#product-dialog::backdrop{background:#071119a6;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:15px;inset-inline-end:15px;z-index:2;border:0;border-radius:50%;background:#f1f3f5;width:35px;height:35px;font-size:24px;cursor:pointer}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout .item-photo{border-radius:16px;overflow:hidden;background:#f5f7f8;margin:0}.detail-layout .item-photo img{height:300px;mix-blend-mode:multiply}.detail-layout h2{font-size:30px}.detail-layout .chips{padding:0;margin:20px 0}.detail-layout p{font-size:14px;color:#87919b}.detail-layout .button{margin-top:20px}#back-top{position:fixed;bottom:22px;inset-inline-end:22px;z-index:25;width:44px;height:44px;border:1px solid #d3ab5340;border-radius:14px;background:#151b20;color:#e6b85a;font-size:20px;cursor:pointer;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .3s,transform .3s}#back-top.visible{opacity:1;pointer-events:auto;transform:none}@keyframes heroEnter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes cardEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes floatProduct{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1100px){.hero{gap:4%;min-height:720px}.hero h1{font-size:56px}.showcase{width:46%}.slide-art{height:240px}.section{padding:70px 5%}.products,.wheel-list{gap:18px}.product-top,.chips,.product-category{padding-inline:20px}.card-footer{margin-inline:20px}.product .card-footer a{font-size:10px}.contact-card{padding:20px}.contact-card a{font-size:18px}}@media(max-width:900px){header{padding:15px 5%;gap:15px}nav{order:3;border-top:1px solid #ffffff10;padding-top:10px;width:100%;font-size:12px}.hero{padding:50px 6% 100px;min-height:650px}.hero-content{width:49%}.hero h1{font-size:46px}.hero-description{font-size:14px}.hero .eyebrow{font-size:11px}.showcase{border-radius:22px}.showcase-top{padding:18px}.slide-art{height:210px}.slide-info{padding:8px 20px 20px}.slide-info h2{font-size:23px}.slider-controls{gap:8px;padding:10px}.products,.wheel-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:25px}.wheel-intro h2{font-size:34px}.contact-layout{gap:20px}.contacts{gap:10px}.contact-card{padding:18px}.contact-card a{font-size:16px}.contact-card a:after{display:none}.location{padding:25px}.toolbar{flex-wrap:wrap}.search{max-width:none}.result-count{padding:0 8px}}@media(max-width:600px){header{padding:11px 5%;gap:10px}.identity{gap:10px}.identity strong{font-size:17px}.identity small{font-size:8px}.monogram{width:42px;height:42px;font-size:20px;border-radius:11px}.languages{padding:3px}.languages button{font-size:11px;padding:6px 8px}nav{gap:35px;padding-top:8px}.hero{display:block;padding:38px 6% 90px;min-height:0}.hero-content{width:100%;padding:0}.hero h1{font-size:46px;margin:16px 0;line-height:1.4}.hero-description{font-size:14px;line-height:1.95;max-width:100%;margin-bottom:22px}.hero .eyebrow{font-size:10px}.hero-actions .button{font-size:12px;padding:11px 22px;min-height:46px}.hero-address{font-size:11px;margin:20px 0 30px}.showcase{width:100%;max-width:100%;border-radius:23px;margin-top:15px;box-shadow:0 20px 40px #0003}.showcase-top{padding:18px 22px}.slide-art{height:225px}.slide-info h2{font-size:24px}.slide-info{padding:0 22px 17px}.slide-info p{font-size:10px}.slider-controls{padding:13px;gap:17px}.hero-bottom{font-size:9px;padding:15px 0}.photo-caption{font-size:8px;bottom:62px;inset-inline-end:6%}.brand-strip{gap:15px 25px;padding:23px 6%;font-size:13px;justify-content:center}.section{padding:55px 5%}.section-heading{margin-bottom:26px}.section-heading h2{font-size:29px}.section-heading>p{font-size:13px;line-height:1.9;margin-top:15px}.toolbar{border-radius:13px;padding:10px;gap:12px}.search{flex-basis:100%}.filter{flex:1}.filter select{max-width:none;min-width:0;flex:1}.quick-filters{gap:6px;margin:18px 0 24px}.quick-filters button{padding:7px 12px;font-size:10px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{border-radius:14px}.product .item-photo img{height:155px;padding:17px 13px 10px}.item-photo figcaption{font-size:8px;padding:0 8px 12px}.product-top{padding:16px 13px 0;margin-bottom:7px;gap:4px}.product h3{font-size:17px;letter-spacing:-.7px}.product-index{font-size:8px;padding:1px 4px;border-radius:4px}.product-category{padding:0 13px;font-size:8px;line-height:1.8;margin-bottom:12px}.chips{padding:0 13px;gap:4px;margin-bottom:15px}.chip{font-size:9px;padding:4px 6px;border-radius:4px}.card-footer{margin:0 13px;padding:12px 0;display:flex;flex-direction:column;align-items:stretch;gap:9px}.detail-button{font-size:11px;padding:8px 9px;border-radius:6px}.product .card-footer a{font-size:9px;text-align:center;margin:0}.wheel-intro{display:block;margin-bottom:26px}.wheel-intro h2{font-size:30px;margin:0 0 18px}.wheel-intro p:not(.eyebrow){font-size:13px}.wheel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wheel-row>div:not(.card-footer){padding:16px 13px 10px}.wheel-row h3{font-size:12px;line-height:1.8;margin-bottom:10px}.wheel-row p{font-size:10px;line-height:1.9}.wheel-row .item-photo img{height:150px;padding:20px 12px}.wheel-row .item-photo figcaption{font-size:8px;padding:0 8px 12px}.wheel-row .card-footer a{margin:0}.contact-layout{grid-template-columns:1fr}.location{padding:25px;border-radius:16px}.location p{font-size:14px}.contacts{grid-template-columns:1fr 1fr;gap:12px}.contact-card{padding:18px 14px;border-radius:13px}.contact-card a{font-size:17px}.contact-card span{font-size:11px}footer{padding:30px 6%;gap:18px;align-items:flex-start;flex-direction:column;font-size:10px}footer p{margin:0}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-layout .item-photo img{height:230px}.detail-layout h2{font-size:26px}#product-dialog{padding:25px;border-radius:20px}#back-top{width:38px;height:38px;bottom:17px;inset-inline-end:17px;border-radius:11px}}@media(max-width:360px){.products,.wheel-list{grid-template-columns:1fr}.product .item-photo img{height:220px}.contacts{grid-template-columns:1fr}.hero h1{font-size:39px}.identity small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;transform:none}}

.item-photo figcaption a{display:inline-block;color:#806326;text-decoration:underline;text-underline-offset:3px;margin-inline-start:5px}.item-photo figcaption{min-height:34px}.item-photo img{object-fit:contain}