{"id":120,"date":"2026-03-06T11:56:43","date_gmt":"2026-03-06T11:56:43","guid":{"rendered":"https:\/\/firozkhyber.justeasyshop.com\/?page_id=120"},"modified":"2026-03-10T07:56:33","modified_gmt":"2026-03-10T07:56:33","slug":"dresses","status":"publish","type":"page","link":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/dresses\/","title":{"rendered":"Dresses"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Feroz Khyber General Trading LLC<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Krub:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n\r\n :root{\r\n --navy:#132C50;\r\n --navy-dark:#0a1a30;\r\n --navy-light:#1a3a66;\r\n --gold:#CFA750;\r\n --gold-light:#e0c47a;\r\n --gold-dark:#b8913a;\r\n --gold-gradient:linear-gradient(135deg,#b8913a 0%,#CFA750 40%,#e0c47a 60%,#CFA750 100%);\r\n --white:#ffffff;\r\n --cream:#fefefe;\r\n --text-dark:#1a1a1a;\r\n --text-medium:#555;\r\n --border-light:rgba(19,44,80,0.07);\r\n --border-gold:rgba(207,167,80,0.15);\r\n }\r\n\r\n html{scroll-behavior:smooth}\r\n body{font-family:'Krub',sans-serif;background:var(--cream);overflow-x:hidden}\r\n\r\n \/* ========== GOLD ACCENT LINE ========== *\/\r\n .gold-accent-line{\r\n height:3px;position:relative;z-index:1001;overflow:hidden;\r\n background:linear-gradient(90deg,var(--gold-dark),var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,var(--gold-dark));\r\n }\r\n .gold-accent-line::after{\r\n content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);\r\n animation:shimmerLine 4s ease-in-out infinite;\r\n }\r\n @keyframes shimmerLine{0%{left:-60%}100%{left:160%}}\r\n\r\n \/* ========== MAIN HEADER ========== *\/\r\n .main-header{\r\n background:var(--white);position:sticky;top:0;z-index:1000;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n animation:revealDown 0.8s cubic-bezier(0.4,0,0.2,1) forwards;\r\n }\r\n @keyframes revealDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n .main-header.scrolled{\r\n box-shadow:0 4px 30px rgba(19,44,80,0.06),0 1px 3px rgba(19,44,80,0.04);\r\n }\r\n .main-header::after{\r\n content:'';position:absolute;bottom:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.25) 50%,transparent);\r\n }\r\n\r\n .header-inner{\r\n max-width:1400px;margin:0 auto;padding:0 40px;\r\n display:flex;justify-content:space-between;align-items:center;\r\n height:88px;transition:height 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;z-index:2;\r\n }\r\n .main-header.scrolled .header-inner{height:68px}\r\n\r\n \/* ========== LOGO ========== *\/\r\n .logo-container{\r\n display:flex;align-items:center;gap:16px;\r\n text-decoration:none;position:relative;z-index:1002;\r\n }\r\n .logo-img-wrapper{\r\n width:100px;height:100px;overflow:hidden;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;\r\n }\r\n .main-header.scrolled .logo-img-wrapper{width:75px;height:65px}\r\n .logo-container:hover .logo-img-wrapper{transform:scale(1.04)}\r\n .logo-img-wrapper img{\r\n width:130%;height:130%;object-fit:contain;\r\n transition:transform 0.5s ease;\r\n }\r\n .logo-container:hover .logo-img-wrapper img{transform:scale(1.05)}\r\n\r\n .logo-text{display:flex;flex-direction:column;line-height:1}\r\n\r\n .logo-company-name{\r\n font-family:'Krub',sans-serif;font-size:22px;font-weight:700;\r\n color:var(--navy);letter-spacing:1.5px;text-transform:uppercase;\r\n transition:all 0.5s ease;white-space:nowrap;\r\n }\r\n .logo-company-name span{\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n }\r\n .main-header.scrolled .logo-company-name{font-size:18px}\r\n\r\n .logo-tagline{\r\n font-family:'Krub',sans-serif;font-size:9px;\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n letter-spacing:3.5px;text-transform:uppercase;margin-top:6px;\r\n font-weight:500;opacity:0.8;transition:all 0.5s ease;\r\n }\r\n .main-header.scrolled .logo-tagline{font-size:7.5px;margin-top:4px;opacity:0}\r\n\r\n \/* ========== NAVIGATION ========== *\/\r\n .main-nav{display:flex;align-items:center}\r\n .nav-list{display:flex;align-items:center;list-style:none;gap:2px}\r\n .nav-item{position:relative}\r\n\r\n .nav-link{\r\n display:flex;align-items:center;gap:6px;padding:12px 20px;\r\n color:var(--navy);text-decoration:none;font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;\r\n transition:all 0.4s ease;position:relative;border-radius:4px;\r\n }\r\n .nav-link::after{\r\n content:'';position:absolute;bottom:6px;left:20px;right:20px;height:2px;\r\n background:var(--gold-gradient);transform:scaleX(0);transform-origin:right;\r\n transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);border-radius:1px;\r\n }\r\n .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left}\r\n .nav-link::before{\r\n content:'';position:absolute;inset:4px;border-radius:4px;\r\n background:rgba(207,167,80,0.04);opacity:0;transition:opacity 0.3s ease;\r\n }\r\n .nav-link:hover::before{opacity:1}\r\n .nav-link:hover,.nav-link.active{color:var(--gold-dark)}\r\n\r\n .nav-link .nav-dot{\r\n width:4px;height:4px;background:var(--gold);border-radius:50%;\r\n opacity:0;transition:all 0.4s ease;flex-shrink:0;\r\n box-shadow:0 0 6px rgba(207,167,80,0.3);\r\n }\r\n .nav-link:hover .nav-dot,.nav-link.active .nav-dot{opacity:1}\r\n\r\n .nav-link .dropdown-arrow{\r\n width:11px;height:11px;fill:currentColor;\r\n transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);\r\n margin-left:2px;opacity:0.4;\r\n }\r\n .nav-item:hover .dropdown-arrow{transform:rotate(180deg);opacity:0.8}\r\n\r\n \/* ========== DROPDOWN (DESKTOP) ========== *\/\r\n .dropdown-menu{\r\n position:absolute;top:calc(100% + 16px);left:50%;\r\n transform:translateX(-50%) translateY(12px);\r\n background:var(--white);border:1px solid rgba(19,44,80,0.05);\r\n border-radius:10px;min-width:300px;padding:14px 0;\r\n opacity:0;visibility:hidden;\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n box-shadow:0 15px 50px rgba(19,44,80,0.1),0 5px 15px rgba(19,44,80,0.04),\r\n 0 0 0 1px rgba(207,167,80,0.05);\r\n z-index:100;\r\n }\r\n .dropdown-menu::before{\r\n content:'';position:absolute;top:-7px;left:50%;\r\n transform:translateX(-50%) rotate(45deg);width:14px;height:14px;\r\n background:var(--white);border-top:1px solid rgba(19,44,80,0.05);\r\n border-left:1px solid rgba(19,44,80,0.05);border-radius:2px;\r\n }\r\n .dropdown-menu::after{\r\n content:'';position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent;\r\n }\r\n .dropdown-top-accent{\r\n position:absolute;top:0;left:20px;right:20px;height:2px;\r\n background:var(--gold-gradient);border-radius:0 0 2px 2px;opacity:0.5;\r\n }\r\n .nav-item:hover .dropdown-menu{\r\n opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);\r\n }\r\n\r\n .dropdown-header{\r\n padding:10px 24px 14px;border-bottom:1px solid var(--border-light);\r\n margin-bottom:8px;display:flex;align-items:center;gap:12px;\r\n }\r\n .dropdown-header-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(207,167,80,0.25),transparent)}\r\n .dropdown-header span{\r\n font-family:'Krub',sans-serif;font-size:10px;font-weight:600;\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n letter-spacing:3px;text-transform:uppercase;white-space:nowrap;\r\n }\r\n\r\n .dropdown-item{\r\n display:flex;align-items:center;gap:14px;padding:12px 24px;\r\n color:var(--text-medium);text-decoration:none;font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:400;letter-spacing:0.3px;\r\n transition:all 0.35s ease;position:relative;\r\n }\r\n .dropdown-item::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;width:2.5px;\r\n background:var(--gold-gradient);border-radius:0 2px 2px 0;\r\n transform:scaleY(0);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .dropdown-item:hover::before{transform:scaleY(1)}\r\n .dropdown-item:hover{\r\n color:var(--navy);background:linear-gradient(90deg,rgba(207,167,80,0.04),transparent);\r\n padding-left:30px;\r\n }\r\n .dropdown-item .fabric-icon{\r\n width:24px;height:24px;border-radius:50%;\r\n border:1.5px solid rgba(207,167,80,0.25);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.35s ease;flex-shrink:0;background:rgba(207,167,80,0.03);\r\n }\r\n .dropdown-item .fabric-icon-inner{\r\n width:7px;height:7px;border-radius:50%;background:var(--gold);\r\n opacity:0.25;transition:all 0.35s ease;\r\n }\r\n .dropdown-item:hover .fabric-icon{\r\n border-color:var(--gold);background:rgba(207,167,80,0.08);transform:scale(1.05);\r\n }\r\n .dropdown-item:hover .fabric-icon-inner{opacity:1;box-shadow:0 0 8px rgba(207,167,80,0.3)}\r\n\r\n \/* ========== CONTACT BUTTON ========== *\/\r\n .nav-contact-btn{\r\n display:inline-flex;align-items:center;gap:10px;\r\n padding:13px 32px;\r\n background:linear-gradient(135deg,var(--navy),var(--navy-light));\r\n color:var(--white)!important;border:none;border-radius:4px;\r\n font-family:'Krub',sans-serif;font-size:13px;font-weight:600;\r\n letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;overflow:hidden;margin-left:18px;\r\n box-shadow:0 2px 15px rgba(19,44,80,0.12),inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n .nav-contact-btn::after{\r\n content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;\r\n background:var(--gold-gradient);transform:scaleX(0);transition:transform 0.4s ease;\r\n }\r\n .nav-contact-btn:hover::after{transform:scaleX(1)}\r\n .nav-contact-btn::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,var(--navy-light),var(--navy));\r\n opacity:0;transition:opacity 0.4s ease;\r\n }\r\n .nav-contact-btn:hover::before{opacity:1}\r\n .nav-contact-btn:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 8px 25px rgba(19,44,80,0.2),inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n .nav-contact-btn svg,.nav-contact-btn span{position:relative;z-index:2}\r\n .nav-contact-btn svg{opacity:0.7;transition:all 0.3s ease}\r\n .nav-contact-btn:hover svg{opacity:1;stroke:var(--gold)}\r\n\r\n .nav-contact-btn .btn-shimmer{\r\n position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.12),transparent);\r\n z-index:1;animation:btnShimmer 3s ease-in-out infinite;\r\n }\r\n @keyframes btnShimmer{0%{left:-60%}50%{left:-60%}100%{left:160%}}\r\n\r\n \/* ========== HAMBURGER ========== *\/\r\n .hamburger{\r\n display:none;flex-direction:column;justify-content:center;align-items:center;\r\n width:48px;height:48px;cursor:pointer;background:none;\r\n border:1.5px solid var(--border-light);border-radius:6px;\r\n padding:0;z-index:1002;transition:all 0.4s ease;position:relative;\r\n }\r\n .hamburger::before{\r\n content:'';position:absolute;inset:-1px;border-radius:7px;\r\n background:var(--gold-gradient);opacity:0;transition:opacity 0.3s ease;z-index:-1;\r\n }\r\n .hamburger:hover::before{opacity:0.15}\r\n .hamburger:hover{border-color:var(--gold)}\r\n\r\n .hamburger-line{\r\n width:20px;height:1.5px;background:var(--navy);\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .hamburger-line:nth-child(1){margin-bottom:5px}\r\n .hamburger-line:nth-child(2){width:14px;margin-bottom:5px}\r\n\r\n .hamburger.active{border-color:rgba(207,167,80,0.3);background:transparent}\r\n .hamburger.active::before{opacity:0}\r\n .hamburger.active .hamburger-line{background:var(--white)}\r\n .hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}\r\n .hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}\r\n .hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}\r\n\r\n \/* ========== MOBILE OVERLAY ========== *\/\r\n .mobile-overlay{\r\n display:none;position:fixed;inset:0;\r\n background:rgba(10,26,48,0.5);backdrop-filter:blur(8px);\r\n -webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;\r\n transition:opacity 0.4s ease;pointer-events:none;\r\n }\r\n .mobile-overlay.active{opacity:1;pointer-events:auto}\r\n\r\n \/* ========== MOBILE DROPDOWN TOGGLE BUTTON ========== *\/\r\n .mobile-dropdown-toggle{\r\n display:none;width:44px;height:44px;\r\n background:none;border:1px solid rgba(255,255,255,0.1);\r\n border-radius:8px;cursor:pointer;\r\n align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all 0.3s ease;\r\n }\r\n .mobile-dropdown-toggle svg{\r\n width:18px;height:18px;fill:rgba(255,255,255,0.4);\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .mobile-dropdown-toggle:hover{border-color:rgba(207,167,80,0.3)}\r\n .mobile-dropdown-toggle:hover svg{fill:var(--gold)}\r\n .nav-item.dropdown-open .mobile-dropdown-toggle svg{\r\n transform:rotate(180deg);fill:var(--gold);\r\n }\r\n .nav-item.dropdown-open .mobile-dropdown-toggle{\r\n border-color:rgba(207,167,80,0.3);background:rgba(207,167,80,0.05);\r\n }\r\n\r\n \/* ========== RESPONSIVE ========== *\/\r\n @media(max-width:1200px){\r\n .nav-link{padding:10px 14px;font-size:13px;letter-spacing:0.6px}\r\n .nav-contact-btn{padding:11px 24px;font-size:12px;margin-left:10px}\r\n }\r\n\r\n @media(max-width:1024px){\r\n .hamburger{display:flex}\r\n .mobile-overlay{display:block}\r\n .mobile-dropdown-toggle{display:flex}\r\n\r\n .main-nav{\r\n position:fixed;top:0;right:-440px;width:420px;max-width:88vw;\r\n height:100vh;height:100dvh;background:var(--navy);\r\n flex-direction:column;justify-content:flex-start;\r\n padding:0;\r\n transition:right 0.5s cubic-bezier(0.4,0,0.2,1);\r\n z-index:999;overflow:hidden;\r\n box-shadow:-10px 0 60px rgba(0,0,0,0.3);\r\n }\r\n .main-nav::before{\r\n content:'';position:absolute;inset:0;opacity:0.02;\r\n background-image:radial-gradient(circle at 1px 1px,rgba(207,167,80,0.5) 1px,transparent 0);\r\n background-size:30px 30px;pointer-events:none;\r\n }\r\n .main-nav::after{\r\n content:'';position:absolute;top:0;left:0;width:2px;height:100%;\r\n background:linear-gradient(180deg,var(--gold-dark),var(--gold),var(--gold-light),var(--gold),var(--gold-dark));\r\n opacity:0.2;\r\n }\r\n .main-nav.active{right:0}\r\n\r\n \/* Mobile nav scrollable area *\/\r\n .nav-list{\r\n flex-direction:column;width:100%;gap:0;\r\n position:relative;z-index:2;list-style:none;\r\n overflow-y:auto;overflow-x:hidden;\r\n -webkit-overflow-scrolling:touch;\r\n overscroll-behavior:contain;\r\n height:100%;\r\n padding:110px 40px 40px;\r\n }\r\n\r\n .nav-item{\r\n width:100%;\r\n border-bottom:1px solid rgba(255,255,255,0.05);\r\n }\r\n\r\n \/* Mobile nav link row with dropdown toggle *\/\r\n .nav-item.has-dropdown .nav-link-row{\r\n display:flex;align-items:center;gap:0;\r\n }\r\n\r\n .nav-link{\r\n padding:20px 0;font-size:15px;letter-spacing:2px;\r\n width:100%;justify-content:flex-start;\r\n color:rgba(255,255,255,0.7);border-radius:0;\r\n flex:1;\r\n }\r\n .nav-link::before{display:none}\r\n .nav-link.active{color:var(--gold)}\r\n .nav-link:hover{color:var(--white)}\r\n .nav-link::after{\r\n bottom:15px;left:0;right:auto;width:0;height:1.5px;\r\n transition:width 0.4s ease;background:var(--gold-gradient);\r\n transform:none;\r\n }\r\n .nav-link:hover::after,.nav-link.active::after{\r\n width:40px;transform:none;transform-origin:left;\r\n }\r\n .nav-link .nav-dot{display:none}\r\n\r\n \/* Hide desktop dropdown arrow in mobile *\/\r\n .nav-link .dropdown-arrow{display:none}\r\n\r\n \/* ===== MOBILE DROPDOWN ===== *\/\r\n .dropdown-menu{\r\n position:relative;top:auto;left:auto;\r\n transform:none!important;\r\n opacity:1;visibility:visible;\r\n box-shadow:none;border:none;border-radius:0;\r\n min-width:auto;width:100%;\r\n max-height:0;overflow:hidden;\r\n padding:0;margin:0;\r\n transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),\r\n padding 0.4s ease,\r\n margin 0.4s ease;\r\n background:rgba(255,255,255,0.02);\r\n border-left:2px solid rgba(207,167,80,0.2);\r\n margin-left:8px;\r\n }\r\n .dropdown-menu::before,\r\n .dropdown-menu::after{display:none}\r\n .dropdown-top-accent{display:none}\r\n\r\n .nav-item.dropdown-open .dropdown-menu{\r\n max-height:600px;\r\n padding:12px 0 8px;\r\n margin-bottom:8px;\r\n }\r\n\r\n .dropdown-header{\r\n border-bottom-color:rgba(255,255,255,0.04);\r\n padding:8px 20px 12px;\r\n }\r\n .dropdown-header span{\r\n -webkit-text-fill-color:var(--gold);\r\n color:var(--gold);background:none;\r\n font-size:9px;letter-spacing:3px;\r\n }\r\n .dropdown-header-line{\r\n background:linear-gradient(90deg,rgba(207,167,80,0.15),transparent);\r\n }\r\n\r\n .dropdown-item{\r\n color:rgba(255,255,255,0.5);\r\n padding:14px 20px;font-size:14px;\r\n gap:12px;\r\n }\r\n .dropdown-item::before{display:none}\r\n .dropdown-item:hover{\r\n color:var(--white);\r\n background:rgba(207,167,80,0.04);\r\n padding-left:26px;\r\n }\r\n .dropdown-item .fabric-icon{\r\n border-color:rgba(207,167,80,0.15);\r\n background:rgba(207,167,80,0.04);\r\n width:28px;height:28px;\r\n }\r\n .dropdown-item:hover .fabric-icon{\r\n border-color:var(--gold);\r\n background:rgba(207,167,80,0.1);\r\n }\r\n .dropdown-item:hover .fabric-icon-inner{\r\n opacity:1;\r\n }\r\n\r\n \/* Contact button mobile *\/\r\n .nav-contact-btn{\r\n margin:30px 0 0;width:100%;justify-content:center;\r\n padding:18px 30px;\r\n background:transparent;border:1.5px solid rgba(207,167,80,0.25);\r\n color:var(--gold)!important;box-shadow:none;font-size:13px;border-radius:4px;\r\n }\r\n .nav-contact-btn::after,\r\n .nav-contact-btn::before,\r\n .nav-contact-btn .btn-shimmer{display:none}\r\n .nav-contact-btn:hover{\r\n border-color:var(--gold);background:rgba(207,167,80,0.06);\r\n box-shadow:0 0 20px rgba(207,167,80,0.06);transform:none;\r\n }\r\n\r\n \/* Mobile nav header *\/\r\n .mobile-nav-header{\r\n position:absolute;top:0;left:0;right:0;\r\n padding:30px 40px;z-index:3;\r\n background:linear-gradient(180deg,var(--navy) 70%,transparent);\r\n }\r\n .mobile-nav-brand{\r\n font-family:'Krub',sans-serif;font-size:18px;color:var(--white);\r\n letter-spacing:2px;font-weight:700;text-transform:uppercase;\r\n }\r\n .mobile-nav-brand span{\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n }\r\n .mobile-nav-line{\r\n width:40px;height:2px;background:var(--gold-gradient);\r\n margin-top:14px;opacity:0.4;border-radius:1px;\r\n }\r\n .mobile-nav-tagline{\r\n font-family:'Krub',sans-serif;font-size:9px;color:rgba(255,255,255,0.25);\r\n letter-spacing:2.5px;text-transform:uppercase;margin-top:10px;\r\n }\r\n\r\n \/* Mobile bottom info *\/\r\n .mobile-nav-footer{\r\n position:absolute;bottom:0;left:0;right:0;\r\n padding:20px 40px 30px;z-index:3;\r\n background:linear-gradient(0deg,var(--navy) 70%,transparent);\r\n border-top:1px solid rgba(255,255,255,0.03);\r\n }\r\n .mobile-nav-footer-text{\r\n font-size:10px;color:rgba(255,255,255,0.2);\r\n letter-spacing:1px;text-align:center;\r\n }\r\n }\r\n\r\n @media(max-width:768px){\r\n .header-inner{padding:0 20px;height:78px}\r\n .main-header.scrolled .header-inner{height:64px}\r\n .logo-img-wrapper{width:72px;height:72px}\r\n .main-header.scrolled .logo-img-wrapper{width:55px;height:55px}\r\n .logo-company-name{font-size:18px}\r\n .main-header.scrolled .logo-company-name{font-size:16px}\r\n .logo-tagline{font-size:8px;letter-spacing:2.5px;margin-top:5px}\r\n\r\n .nav-list{padding:100px 30px 80px}\r\n .mobile-nav-header{padding:25px 30px}\r\n .mobile-nav-footer{padding:20px 30px}\r\n\r\n .nav-link{padding:18px 0;font-size:14px;letter-spacing:1.5px}\r\n .dropdown-item{padding:12px 18px;font-size:13px}\r\n }\r\n\r\n @media(max-width:480px){\r\n .logo-container{gap:10px}\r\n .logo-company-name{font-size:15px;letter-spacing:0.8px}\r\n .logo-tagline{font-size:7px;letter-spacing:1.5px}\r\n .header-inner{height:68px;padding:0 16px}\r\n .main-header.scrolled .header-inner{height:58px}\r\n .logo-img-wrapper{width:100px;height:60px}\r\n .main-header.scrolled .logo-img-wrapper{width:48px;height:48px}\r\n .hamburger{width:42px;height:42px}\r\n\r\n .main-nav{width:100%;max-width:100vw;right:-100%}\r\n .nav-list{padding:95px 24px 80px}\r\n .mobile-nav-header{padding:22px 24px}\r\n .mobile-nav-footer{padding:16px 24px 24px}\r\n .mobile-nav-brand{font-size:16px}\r\n\r\n .nav-link{padding:16px 0;font-size:13px;letter-spacing:1.2px}\r\n .mobile-dropdown-toggle{width:40px;height:40px}\r\n .mobile-dropdown-toggle svg{width:16px;height:16px}\r\n\r\n .dropdown-item{padding:11px 16px;font-size:12.5px;gap:10px}\r\n .dropdown-item .fabric-icon{width:24px;height:24px}\r\n .dropdown-item .fabric-icon-inner{width:6px;height:6px}\r\n .dropdown-header{padding:6px 16px 10px}\r\n .dropdown-header span{font-size:8px}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ===== GOLD ACCENT LINE ===== -->\r\n <div class=\"gold-accent-line\"><\/div>\r\n\r\n <!-- ===== MAIN HEADER ===== -->\r\n <header class=\"main-header\" id=\"mainHeader\">\r\n <div class=\"header-inner\">\r\n\r\n <!-- Logo -->\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\" class=\"logo-container\">\r\n <div class=\"logo-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-5-2026-10_13_04-AM-e1772788317129.png\" alt=\"Feroz Khyber Logo\">\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Hamburger -->\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle Navigation Menu\">\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <\/button>\r\n\r\n <!-- Navigation -->\r\n <nav class=\"main-nav\" id=\"mainNav\">\r\n <div class=\"mobile-nav-header\">\r\n <div class=\"mobile-nav-line\"><\/div>\r\n <\/div>\r\n\r\n <ul class=\"nav-list\">\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\" class=\"nav-link active\">\r\n <span class=\"nav-dot\"><\/span>\r\n Home\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item has-dropdown\" id=\"fabricsDropdown\">\r\n <div class=\"nav-link-row\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n Our Fabrics\r\n <svg class=\"dropdown-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <button class=\"mobile-dropdown-toggle\" aria-label=\"Toggle Submenu\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"dropdown-menu\">\r\n <div class=\"dropdown-top-accent\"><\/div>\r\n <div class=\"dropdown-header\">\r\n <span>Collections<\/span>\r\n <div class=\"dropdown-header-line\"><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Printed Cotton Fabric\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Summer Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Reactive Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Soft Digital Print Cotton\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/dresses\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n Our Dresses\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/about-us\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n About\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item nav-item--contact\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/\" class=\"nav-contact-btn\">\r\n <div class=\"btn-shimmer\"><\/div>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <span>Contact Us<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <\/div>\r\n\r\n <!-- Mobile Overlay -->\r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n <\/header>\r\n\r\n <script>\r\n (function(){\r\n const hamburger = document.getElementById('hamburger');\r\n const mainNav = document.getElementById('mainNav');\r\n const mobileOverlay = document.getElementById('mobileOverlay');\r\n const mainHeader = document.getElementById('mainHeader');\r\n const fabricsDropdown = document.getElementById('fabricsDropdown');\r\n const mobileToggle = fabricsDropdown.querySelector('.mobile-dropdown-toggle');\r\n\r\n function toggleMenu(){\r\n const isOpen = mainNav.classList.contains('active');\r\n hamburger.classList.toggle('active');\r\n mainNav.classList.toggle('active');\r\n mobileOverlay.classList.toggle('active');\r\n document.body.style.overflow = isOpen ? '' : 'hidden';\r\n }\r\n\r\n function closeMenu(){\r\n hamburger.classList.remove('active');\r\n mainNav.classList.remove('active');\r\n mobileOverlay.classList.remove('active');\r\n document.body.style.overflow = '';\r\n fabricsDropdown.classList.remove('dropdown-open');\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n mobileOverlay.addEventListener('click', closeMenu);\r\n\r\n \/* Mobile dropdown toggle \u2014 separate button *\/\r\n mobileToggle.addEventListener('click', function(e){\r\n e.preventDefault();\r\n e.stopPropagation();\r\n fabricsDropdown.classList.toggle('dropdown-open');\r\n });\r\n\r\n \/* On desktop, the parent link navigates normally.\r\n On mobile, the parent link also navigates (toggle is separate button). *\/\r\n\r\n window.addEventListener('resize', function(){\r\n if(window.innerWidth > 1024){\r\n closeMenu();\r\n }\r\n });\r\n\r\n let ticking = false;\r\n window.addEventListener('scroll', function(){\r\n if(!ticking){\r\n window.requestAnimationFrame(function(){\r\n mainHeader.classList.toggle('scrolled', window.pageYOffset > 50);\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n });\r\n\r\n \/* Close mobile menu when clicking nav links (not the fabrics dropdown toggle) *\/\r\n document.querySelectorAll('.nav-link').forEach(function(link){\r\n link.addEventListener('click', function(){\r\n if(window.innerWidth <= 1024 && !this.closest('.has-dropdown')){\r\n closeMenu();\r\n }\r\n });\r\n });\r\n\r\n \/* Close mobile menu when clicking dropdown items *\/\r\n document.querySelectorAll('.dropdown-item').forEach(function(item){\r\n item.addEventListener('click', function(){\r\n if(window.innerWidth <= 1024){\r\n closeMenu();\r\n }\r\n });\r\n });\r\n\r\n \/* Prevent body scroll when swiping inside mobile nav *\/\r\n mainNav.addEventListener('touchmove', function(e){\r\n e.stopPropagation();\r\n }, {passive: true});\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-556ed8f e-con-full e-flex e-con e-parent\" data-id=\"556ed8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2a5aff elementor-widget elementor-widget-html\" data-id=\"f2a5aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== OUR DRESSES SECTION ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Krub:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"dresses-section\" id=\"dresses\">\r\n\r\n <!-- Header -->\r\n <div class=\"dresses-header\">\r\n <div class=\"dresses-label\">\r\n <span class=\"dresses-label-line\"><\/span>\r\n <span class=\"dresses-label-text\">Our Collection<\/span>\r\n <span class=\"dresses-label-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"dresses-title\">Our <span>Dresses<\/span><\/h2>\r\n <p class=\"dresses-subtitle\">Explore our exclusive range of premium fabric dresses crafted with elegance and precision.<\/p>\r\n <div class=\"dresses-divider\">\r\n <span class=\"dresses-divider-line\"><\/span>\r\n <span class=\"dresses-divider-diamond\"><\/span>\r\n <span class=\"dresses-divider-line\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Grid -->\r\n <div class=\"dresses-grid\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"0\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/cb4311cd-ec93-4940-960b-960bc3e64c06.jpg\" alt=\"Dress Design 01\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-badge\">New<\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 001<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"50\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ef1c434f-9a51-412d-9cbe-4f0f24e491ae.jpg\" alt=\"Dress Design 02\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 002<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"100\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ed344905-3143-4147-93b2-62cd147c82d3-1.jpg\" alt=\"Dress Design 03\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-badge\">Hot<\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 003<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"150\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/45dcc3cf-9c67-482f-9352-60f9ab4201b8.jpg\" alt=\"Dress Design 04\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 004<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"200\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ccecd91b-f38b-46ab-9526-1f4c1a642845.jpg\" alt=\"Dress Design 05\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 005<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"250\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/63b14bb2-40c6-4823-a96a-4ed0d5ef0ddf.jpg\" alt=\"Dress Design 06\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-badge\">Best<\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 006<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 7 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"0\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/1f1f5bd5-25bf-4ba9-a087-e6296e0fcbeb.jpg\" alt=\"Dress Design 07\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 007<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 8 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"50\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/dress-2.jpeg\" alt=\"Dress Design 08\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 008<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 9 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"100\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/dress-1.jpeg\" alt=\"Dress Design 09\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-badge\">New<\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 009<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 10 -->\r\n <div class=\"dress-card dr-anim\" data-dr-delay=\"150\">\r\n <div class=\"dress-card-inner\">\r\n <div class=\"dress-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-12.19.50-PM.jpeg\" alt=\"Dress Design 10\" loading=\"lazy\">\r\n <div class=\"dress-img-overlay\"><\/div>\r\n <div class=\"dress-img-shine\"><\/div>\r\n <div class=\"dress-actions\">\r\n <button class=\"dress-action-btn dress-zoom-btn\" aria-label=\"View Full\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dress-info\">\r\n <span class=\"dress-code\">FK \u2014 010<\/span>\r\n <\/div>\r\n <div class=\"dress-border-top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n\r\n \r\n \r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== LIGHTBOX MODAL ===== -->\r\n<div class=\"dress-lightbox\" id=\"dressLightbox\">\r\n <div class=\"dress-lightbox-backdrop\" id=\"dressLightboxBackdrop\"><\/div>\r\n <div class=\"dress-lightbox-content\">\r\n <button class=\"dress-lightbox-close\" id=\"dressLightboxClose\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n <button class=\"dress-lightbox-nav dress-lightbox-prev\" id=\"dressLightboxPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"dress-lightbox-img-wrap\">\r\n <img decoding=\"async\" src=\"\" alt=\"Dress Full View\" id=\"dressLightboxImg\" class=\"dress-lightbox-img\">\r\n <div class=\"dress-lightbox-loader\" id=\"dressLightboxLoader\">\r\n <div class=\"dress-lightbox-spinner\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"dress-lightbox-nav dress-lightbox-next\" id=\"dressLightboxNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"dress-lightbox-info\" id=\"dressLightboxInfo\">\r\n <span class=\"dress-lightbox-code\" id=\"dressLightboxCode\"><\/span>\r\n <span class=\"dress-lightbox-counter\" id=\"dressLightboxCounter\"><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== DRESSES SECTION ===== *\/\r\n.dresses-section,.dresses-section *{box-sizing:border-box}\r\n.dresses-section{\r\n padding:80px 5% 90px;background:#fff;\r\n font-family:'Krub',sans-serif;overflow:hidden;position:relative;\r\n}\r\n.dresses-section::before{\r\n content:'';position:absolute;top:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.25),transparent);\r\n}\r\n\r\n\/* Header *\/\r\n.dresses-header{text-align:center;max-width:620px;margin:0 auto 44px;position:relative;z-index:1}\r\n.dresses-label{display:inline-flex;align-items:center;gap:14px;margin-bottom:16px}\r\n.dresses-label-line{width:36px;height:1px;background:linear-gradient(90deg,#b8913a,#ECC96B);opacity:0.5}\r\n.dresses-label-text{\r\n font-family:'Krub',sans-serif;\r\n font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.dresses-title{\r\n font-family:'Krub',sans-serif;\r\n font-size:40px;font-weight:700;color:#0e2240;line-height:1.15;margin-bottom:14px;\r\n}\r\n.dresses-title span{\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B,#CFA750);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.dresses-subtitle{\r\n font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:300;color:#6b7e94;line-height:1.75;margin-bottom:22px;\r\n}\r\n.dresses-divider{display:flex;align-items:center;justify-content:center;gap:14px}\r\n.dresses-divider-line{width:44px;height:1px;background:linear-gradient(90deg,transparent,rgba(207,167,80,0.35))}\r\n.dresses-divider-line:last-child{background:linear-gradient(90deg,rgba(207,167,80,0.35),transparent)}\r\n.dresses-divider-diamond{width:6px;height:6px;border:1px solid #CFA750;transform:rotate(45deg);opacity:0.45;flex-shrink:0}\r\n\r\n\/* Grid *\/\r\n.dresses-grid{\r\n display:grid;grid-template-columns:repeat(4,1fr);\r\n gap:22px;max-width:1300px;margin:0 auto;position:relative;z-index:1;\r\n}\r\n\r\n\/* Card *\/\r\n.dress-card{position:relative}\r\n.dress-card-inner{\r\n position:relative;overflow:hidden;background:#fff;\r\n border:1px solid rgba(14,34,64,0.06);\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.dress-card-inner:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 24px 60px rgba(14,34,64,0.1),0 8px 20px rgba(14,34,64,0.04);\r\n border-color:rgba(207,167,80,0.15);\r\n}\r\n.dress-border-top{\r\n position:absolute;top:0;left:0;right:0;height:3px;\r\n background:linear-gradient(90deg,#b8913a,#CFA750,#ECC96B,#CFA750,#b8913a);\r\n transform:scaleX(0);transform-origin:center;\r\n transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.dress-card-inner:hover .dress-border-top{transform:scaleX(1)}\r\n\r\n\/* Image *\/\r\n.dress-img-wrap{position:relative;overflow:hidden;aspect-ratio:3\/4}\r\n.dress-img-wrap img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n transition:transform 0.8s cubic-bezier(0.4,0,0.2,1),filter 0.5s ease;\r\n filter:brightness(0.95);\r\n}\r\n.dress-card-inner:hover .dress-img-wrap img{transform:scale(1.08);filter:brightness(0.8)}\r\n.dress-img-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(180deg,transparent 50%,rgba(14,34,64,0.5) 100%);\r\n opacity:0;transition:opacity 0.5s ease;pointer-events:none;\r\n}\r\n.dress-card-inner:hover .dress-img-overlay{opacity:1}\r\n.dress-img-shine{\r\n position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);\r\n transform:skewX(-15deg);pointer-events:none;\r\n}\r\n.dress-card-inner:hover .dress-img-shine{animation:dressShine 0.8s ease forwards}\r\n@keyframes dressShine{from{left:-100%}to{left:150%}}\r\n\r\n\/* Badge *\/\r\n.dress-badge{\r\n position:absolute;top:14px;left:14px;z-index:3;\r\n padding:5px 14px;\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);\r\n color:#0e2240;font-family:'Krub',sans-serif;font-size:10px;font-weight:700;\r\n letter-spacing:1.5px;text-transform:uppercase;\r\n box-shadow:0 3px 10px rgba(207,167,80,0.25);\r\n}\r\n\r\n\/* Actions *\/\r\n.dress-actions{\r\n position:absolute;bottom:16px;left:50%;transform:translateX(-50%) translateY(20px);\r\n display:flex;gap:10px;z-index:3;\r\n opacity:0;transition:all 0.5s cubic-bezier(0.4,0,0.2,1) 0.1s;\r\n}\r\n.dress-card-inner:hover .dress-actions{opacity:1;transform:translateX(-50%) translateY(0)}\r\n.dress-action-btn{\r\n width:44px;height:44px;border-radius:50%;\r\n background:rgba(255,255,255,0.95);backdrop-filter:blur(6px);\r\n display:flex;align-items:center;justify-content:center;\r\n text-decoration:none;color:#0e2240;\r\n transition:all 0.4s ease;\r\n box-shadow:0 3px 12px rgba(0,0,0,0.12);\r\n border:none;cursor:pointer;padding:0;\r\n}\r\n.dress-action-btn svg{width:18px;height:18px}\r\n.dress-action-btn:hover{\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);\r\n color:#fff;transform:scale(1.15);\r\n box-shadow:0 6px 20px rgba(207,167,80,0.35);\r\n}\r\n\r\n\/* Info *\/\r\n.dress-info{padding:14px 18px 16px;text-align:center}\r\n.dress-code{\r\n font-family:'Krub',sans-serif;\r\n font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n display:block;\r\n}\r\n\r\n\/* ===== LIGHTBOX ===== *\/\r\n.dress-lightbox{\r\n position:fixed;inset:0;z-index:99999;\r\n display:flex;align-items:center;justify-content:center;\r\n opacity:0;visibility:hidden;\r\n transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0.4s;\r\n}\r\n.dress-lightbox.active{opacity:1;visibility:visible}\r\n\r\n.dress-lightbox-backdrop{\r\n position:absolute;inset:0;\r\n background:rgba(10,26,48,0.92);\r\n backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\r\n}\r\n\r\n.dress-lightbox-content{\r\n position:relative;z-index:2;\r\n display:flex;align-items:center;justify-content:center;\r\n width:100%;height:100%;\r\n padding:60px 80px;\r\n}\r\n\r\n.dress-lightbox-img-wrap{\r\n position:relative;\r\n max-width:700px;width:100%;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n\r\n.dress-lightbox-img{\r\n max-width:100%;max-height:80vh;\r\n object-fit:contain;border-radius:4px;\r\n box-shadow:0 30px 80px rgba(0,0,0,0.4),0 0 0 1px rgba(207,167,80,0.1);\r\n transform:scale(0.9);\r\n transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s ease;\r\n opacity:0;\r\n}\r\n.dress-lightbox.active .dress-lightbox-img{transform:scale(1);opacity:1}\r\n\r\n\/* Loader *\/\r\n.dress-lightbox-loader{\r\n position:absolute;inset:0;\r\n display:flex;align-items:center;justify-content:center;\r\n opacity:0;pointer-events:none;transition:opacity 0.3s ease;\r\n}\r\n.dress-lightbox-loader.loading{opacity:1}\r\n.dress-lightbox-spinner{\r\n width:36px;height:36px;border:2px solid rgba(207,167,80,0.15);\r\n border-top-color:#CFA750;border-radius:50%;\r\n animation:lbSpin 0.8s linear infinite;\r\n}\r\n@keyframes lbSpin{to{transform:rotate(360deg)}}\r\n\r\n\/* Close *\/\r\n.dress-lightbox-close{\r\n position:absolute;top:24px;right:28px;z-index:10;\r\n width:48px;height:48px;border-radius:50%;\r\n background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);\r\n display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;transition:all 0.3s ease;padding:0;\r\n}\r\n.dress-lightbox-close svg{width:22px;height:22px;color:rgba(255,255,255,0.7);transition:color 0.3s ease}\r\n.dress-lightbox-close:hover{\r\n background:rgba(207,167,80,0.15);border-color:rgba(207,167,80,0.3);\r\n}\r\n.dress-lightbox-close:hover svg{color:#CFA750}\r\n\r\n\/* Nav arrows *\/\r\n.dress-lightbox-nav{\r\n position:absolute;top:50%;transform:translateY(-50%);z-index:10;\r\n width:52px;height:52px;border-radius:50%;\r\n background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);\r\n display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;transition:all 0.3s ease;padding:0;\r\n}\r\n.dress-lightbox-nav svg{width:22px;height:22px;color:rgba(255,255,255,0.6);transition:all 0.3s ease}\r\n.dress-lightbox-prev{left:24px}\r\n.dress-lightbox-next{right:24px}\r\n.dress-lightbox-nav:hover{\r\n background:rgba(207,167,80,0.12);border-color:rgba(207,167,80,0.3);\r\n transform:translateY(-50%) scale(1.08);\r\n}\r\n.dress-lightbox-nav:hover svg{color:#CFA750}\r\n\r\n\/* Info bar *\/\r\n.dress-lightbox-info{\r\n position:absolute;bottom:28px;left:50%;transform:translateX(-50%);\r\n display:flex;align-items:center;gap:20px;\r\n padding:10px 28px;\r\n background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.06);\r\n border-radius:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n}\r\n.dress-lightbox-code{\r\n font-family:'Krub',sans-serif;font-size:12px;font-weight:600;\r\n letter-spacing:3px;text-transform:uppercase;\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.dress-lightbox-counter{\r\n font-family:'Krub',sans-serif;font-size:11px;font-weight:400;\r\n color:rgba(255,255,255,0.35);letter-spacing:1px;\r\n}\r\n\r\n\/* ===== CTA ===== *\/\r\n.dresses-cta{text-align:center;margin-top:54px;position:relative;z-index:1}\r\n.dresses-cta-btn{\r\n display:inline-flex;align-items:center;gap:18px;\r\n padding:18px 48px;background:#0e2240;\r\n color:#fff;text-decoration:none;\r\n position:relative;overflow:hidden;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n border:1px solid rgba(207,167,80,0.2);\r\n}\r\n.dresses-cta-btn::before{\r\n content:'';position:absolute;top:0;left:0;right:0;height:3px;\r\n background:linear-gradient(90deg,#b8913a,#CFA750,#ECC96B,#CFA750,#b8913a);\r\n background-size:200% 100%;animation:ctaGoldShimmer 3s linear infinite;\r\n}\r\n@keyframes ctaGoldShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}\r\n.dresses-cta-btn::after{\r\n content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.08),transparent);\r\n transition:left 0.7s ease;\r\n}\r\n.dresses-cta-btn:hover::after{left:100%}\r\n.dresses-cta-btn:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 16px 40px rgba(14,34,64,0.2),0 4px 12px rgba(207,167,80,0.15);\r\n border-color:rgba(207,167,80,0.4);background:#0a1a30;\r\n}\r\n.dresses-cta-icon{\r\n width:40px;height:40px;\r\n background:linear-gradient(135deg,rgba(207,167,80,0.15),rgba(207,167,80,0.05));\r\n border:1px solid rgba(207,167,80,0.2);border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all 0.4s ease;\r\n}\r\n.dresses-cta-icon svg{width:18px;height:18px;color:#CFA750}\r\n.dresses-cta-btn:hover .dresses-cta-icon{\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#ECC96B);border-color:transparent;\r\n}\r\n.dresses-cta-btn:hover .dresses-cta-icon svg{color:#0e2240}\r\n.dresses-cta-text{text-align:left;line-height:1}\r\n.dresses-cta-main{\r\n font-family:'Krub',sans-serif;font-size:13px;font-weight:600;\r\n letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:5px;\r\n background:linear-gradient(135deg,#CFA750,#ECC96B,#CFA750);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.dresses-cta-sub{\r\n font-family:'Krub',sans-serif;font-size:11px;font-weight:300;\r\n color:rgba(255,255,255,0.5);letter-spacing:0.5px;display:block;\r\n}\r\n.dresses-cta-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.dresses-cta-arrow svg{width:18px;height:18px;color:#CFA750;transition:transform 0.3s ease}\r\n.dresses-cta-btn:hover .dresses-cta-arrow svg{transform:translateX(5px)}\r\n\r\n\/* Animations *\/\r\n.dr-anim{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease}\r\n.dr-anim.dr-visible{opacity:1;transform:translateY(0)}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:1100px){\r\n .dresses-grid{grid-template-columns:repeat(3,1fr);gap:18px}\r\n .dresses-title{font-size:34px}\r\n}\r\n@media(max-width:768px){\r\n .dresses-section{padding:60px 4% 70px}\r\n .dresses-grid{grid-template-columns:repeat(2,1fr);gap:14px}\r\n .dresses-title{font-size:28px}\r\n .dresses-subtitle{font-size:13px}\r\n .dresses-header{margin-bottom:30px}\r\n .dress-info{padding:10px 12px 12px}\r\n .dress-code{font-size:9.5px;letter-spacing:2.5px}\r\n .dress-badge{padding:4px 10px;font-size:9px;top:10px;left:10px}\r\n .dress-action-btn{width:38px;height:38px}\r\n .dress-action-btn svg{width:16px;height:16px}\r\n .dresses-cta{margin-top:36px}\r\n .dresses-cta-btn{padding:16px 34px;gap:14px}\r\n .dresses-cta-main{font-size:12px;letter-spacing:1.5px}\r\n .dresses-cta-sub{font-size:10px}\r\n .dresses-cta-icon{width:36px;height:36px}\r\n .dresses-cta-icon svg{width:16px;height:16px}\r\n .dresses-label-text{font-size:9px;letter-spacing:3px}\r\n .dresses-label-line{width:26px}\r\n\r\n .dress-lightbox-content{padding:60px 20px}\r\n .dress-lightbox-prev{left:10px}\r\n .dress-lightbox-next{right:10px}\r\n .dress-lightbox-nav{width:42px;height:42px}\r\n .dress-lightbox-nav svg{width:18px;height:18px}\r\n .dress-lightbox-close{top:16px;right:16px;width:42px;height:42px}\r\n .dress-lightbox-close svg{width:20px;height:20px}\r\n .dress-lightbox-info{padding:8px 20px;gap:14px;bottom:20px}\r\n .dress-lightbox-code{font-size:10px;letter-spacing:2px}\r\n .dress-lightbox-counter{font-size:10px}\r\n}\r\n@media(max-width:540px){\r\n .dresses-section{padding:50px 4% 60px}\r\n .dresses-grid{grid-template-columns:repeat(2,1fr);gap:10px}\r\n .dresses-title{font-size:24px}\r\n .dresses-subtitle{font-size:12.5px;margin-bottom:18px}\r\n .dress-info{padding:8px 10px 10px}\r\n .dress-code{font-size:9px;letter-spacing:2px}\r\n\r\n .dress-actions{opacity:1;transform:translateX(-50%) translateY(0)}\r\n .dress-img-overlay{opacity:0.4}\r\n .dress-action-btn{width:34px;height:34px;background:rgba(255,255,255,0.9)}\r\n .dress-action-btn svg{width:14px;height:14px}\r\n .dress-card-inner:hover{transform:none;box-shadow:0 4px 16px rgba(14,34,64,0.06)}\r\n\r\n .dresses-cta-btn{padding:14px 24px;gap:10px;flex-wrap:nowrap}\r\n .dresses-cta-main{font-size:11px;letter-spacing:1px}\r\n .dresses-cta-sub{font-size:9.5px}\r\n .dresses-cta-icon{width:32px;height:32px}\r\n .dresses-cta-icon svg{width:14px;height:14px}\r\n .dresses-cta-arrow svg{width:14px;height:14px}\r\n .dress-badge{padding:3px 8px;font-size:8px;top:8px;left:8px}\r\n .dresses-label-text{font-size:8.5px;letter-spacing:2.5px}\r\n .dresses-label-line{width:20px}\r\n\r\n .dress-lightbox-content{padding:50px 10px}\r\n .dress-lightbox-prev{left:6px;width:36px;height:36px}\r\n .dress-lightbox-next{right:6px;width:36px;height:36px}\r\n .dress-lightbox-nav svg{width:16px;height:16px}\r\n .dress-lightbox-close{top:12px;right:12px;width:38px;height:38px}\r\n .dress-lightbox-close svg{width:18px;height:18px}\r\n .dress-lightbox-info{padding:6px 16px;gap:10px;bottom:14px;border-radius:20px}\r\n .dress-lightbox-code{font-size:9px;letter-spacing:1.5px}\r\n .dress-lightbox-counter{font-size:9px}\r\n}\r\n@media(max-width:380px){\r\n .dresses-section{padding:40px 3% 50px}\r\n .dresses-grid{gap:8px}\r\n .dresses-title{font-size:21px}\r\n .dresses-subtitle{font-size:11.5px;line-height:1.6}\r\n .dress-info{padding:6px 8px 8px}\r\n .dress-code{font-size:8px;letter-spacing:1.5px}\r\n .dress-action-btn{width:30px;height:30px}\r\n .dress-action-btn svg{width:12px;height:12px}\r\n .dress-actions{bottom:10px}\r\n .dresses-cta-btn{padding:12px 18px;gap:8px}\r\n .dresses-cta-main{font-size:10px}\r\n .dresses-cta-sub{font-size:9px}\r\n .dresses-cta-icon{width:28px;height:28px}\r\n .dresses-cta-icon svg{width:12px;height:12px}\r\n .dresses-cta-arrow svg{width:12px;height:12px}\r\n .dress-badge{padding:2px 6px;font-size:7px;top:6px;left:6px}\r\n .dresses-header{margin-bottom:24px}\r\n}\r\n@media(max-width:320px){\r\n .dresses-grid{gap:6px}\r\n .dresses-title{font-size:19px}\r\n .dresses-subtitle{font-size:11px}\r\n .dress-code{font-size:7.5px}\r\n .dress-info{padding:5px 6px 7px}\r\n .dresses-cta-btn{padding:10px 14px;gap:6px}\r\n .dresses-cta-main{font-size:9.5px}\r\n .dresses-cta-sub{font-size:8.5px}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n \/* ===== Scroll Reveal ===== *\/\r\n const dro=new IntersectionObserver((entries)=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){\r\n const d=en.target.getAttribute('data-dr-delay')||0;\r\n setTimeout(()=>{en.target.classList.add('dr-visible')},parseInt(d));\r\n dro.unobserve(en.target);\r\n }\r\n });\r\n },{threshold:0.08,rootMargin:'0px 0px -20px 0px'});\r\n document.querySelectorAll('.dr-anim').forEach(i=>{dro.observe(i)});\r\n\r\n \/* ===== Lightbox ===== *\/\r\n const lightbox=document.getElementById('dressLightbox');\r\n const lbImg=document.getElementById('dressLightboxImg');\r\n const lbCode=document.getElementById('dressLightboxCode');\r\n const lbCounter=document.getElementById('dressLightboxCounter');\r\n const lbLoader=document.getElementById('dressLightboxLoader');\r\n const lbClose=document.getElementById('dressLightboxClose');\r\n const lbBackdrop=document.getElementById('dressLightboxBackdrop');\r\n const lbPrev=document.getElementById('dressLightboxPrev');\r\n const lbNext=document.getElementById('dressLightboxNext');\r\n\r\n const cards=document.querySelectorAll('.dress-card');\r\n let currentIndex=0;\r\n const totalCards=cards.length;\r\n\r\n function getCardData(index){\r\n const card=cards[index];\r\n const img=card.querySelector('.dress-img-wrap img');\r\n const code=card.querySelector('.dress-code');\r\n return{\r\n src:img?img.src:'',\r\n alt:img?img.alt:'',\r\n code:code?code.textContent:''\r\n };\r\n }\r\n\r\n function showImage(index){\r\n currentIndex=index;\r\n const data=getCardData(index);\r\n\r\n lbLoader.classList.add('loading');\r\n lbImg.style.opacity='0';\r\n lbImg.style.transform='scale(0.9)';\r\n\r\n const tempImg=new Image();\r\n tempImg.onload=function(){\r\n lbImg.src=data.src;\r\n lbImg.alt=data.alt;\r\n lbLoader.classList.remove('loading');\r\n requestAnimationFrame(()=>{\r\n lbImg.style.opacity='1';\r\n lbImg.style.transform='scale(1)';\r\n });\r\n };\r\n tempImg.onerror=function(){\r\n lbImg.src=data.src;\r\n lbLoader.classList.remove('loading');\r\n lbImg.style.opacity='1';\r\n lbImg.style.transform='scale(1)';\r\n };\r\n tempImg.src=data.src;\r\n\r\n lbCode.textContent=data.code;\r\n lbCounter.textContent=(index+1)+' \/ '+totalCards;\r\n }\r\n\r\n function openLightbox(index){\r\n showImage(index);\r\n lightbox.classList.add('active');\r\n document.body.style.overflow='hidden';\r\n }\r\n\r\n function closeLightbox(){\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow='';\r\n }\r\n\r\n function nextImage(){\r\n const next=(currentIndex+1)%totalCards;\r\n showImage(next);\r\n }\r\n\r\n function prevImage(){\r\n const prev=(currentIndex-1+totalCards)%totalCards;\r\n showImage(prev);\r\n }\r\n\r\n \/* Bind zoom buttons *\/\r\n cards.forEach((card,index)=>{\r\n const zoomBtn=card.querySelector('.dress-zoom-btn');\r\n if(zoomBtn){\r\n zoomBtn.addEventListener('click',function(e){\r\n e.preventDefault();\r\n e.stopPropagation();\r\n openLightbox(index);\r\n });\r\n }\r\n });\r\n\r\n \/* Close *\/\r\n lbClose.addEventListener('click',closeLightbox);\r\n lbBackdrop.addEventListener('click',closeLightbox);\r\n\r\n \/* Nav *\/\r\n lbNext.addEventListener('click',function(e){e.stopPropagation();nextImage()});\r\n lbPrev.addEventListener('click',function(e){e.stopPropagation();prevImage()});\r\n\r\n \/* Keyboard *\/\r\n document.addEventListener('keydown',function(e){\r\n if(!lightbox.classList.contains('active'))return;\r\n if(e.key==='Escape')closeLightbox();\r\n if(e.key==='ArrowRight')nextImage();\r\n if(e.key==='ArrowLeft')prevImage();\r\n });\r\n\r\n \/* Swipe support for mobile *\/\r\n let touchStartX=0;\r\n let touchEndX=0;\r\n lightbox.addEventListener('touchstart',function(e){\r\n touchStartX=e.changedTouches[0].screenX;\r\n },{passive:true});\r\n lightbox.addEventListener('touchend',function(e){\r\n touchEndX=e.changedTouches[0].screenX;\r\n const diff=touchStartX-touchEndX;\r\n if(Math.abs(diff)>50){\r\n if(diff>0)nextImage();\r\n else prevImage();\r\n }\r\n },{passive:true});\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab0faf5 e-con-full e-flex e-con e-parent\" data-id=\"ab0faf5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63f7021 elementor-widget elementor-widget-html\" data-id=\"63f7021\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== FOOTER ===== -->\r\n<footer class=\"site-footer\">\r\n\r\n <!-- Top Gold Accent -->\r\n <div class=\"footer-top-accent\"><\/div>\r\n\r\n <!-- Main Footer -->\r\n <div class=\"footer-main\">\r\n <div class=\"footer-container\">\r\n\r\n <!-- COL 1: LOGO + ABOUT -->\r\n <div class=\"footer-col footer-about\">\r\n <a href=\"#\" class=\"footer-logo-link\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-5-2026-10_13_04-AM-e1772788317129.png\" class=\"footer-logo\" alt=\"Feroz Khyber\">\r\n <\/a>\r\n <p class=\"footer-about-text\">\r\n Feroz Khyber is a trusted textile supplier delivering premium cotton fabrics with quality, reliability, and global reach from Dubai.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c-.001 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 2: QUICK LINKS -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg>\r\n <\/span>\r\n Quick Links\r\n <\/h3>\r\n <ul class=\"footer-menu\">\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Home\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/about-us\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n About Us\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Fabric Categories\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/dresses\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Dresses\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Contact\r\n <\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- COL 3: CATEGORIES -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n <\/span>\r\n Categories\r\n <\/h3>\r\n <ul class=\"footer-menu\">\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Digital Cotton\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Printed Cotton\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Summer Digital\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Reactive Digital\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Soft Digital Print\r\n <\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- COL 4: CONTACT -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/span>\r\n Get In Touch\r\n <\/h3>\r\n <ul class=\"footer-contact-list\">\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Address<\/span>\r\n <span class=\"footer-contact-value\">Dubai, UAE<\/span>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Phone<\/span>\r\n <a href=\"tel:+971558384412\" class=\"footer-contact-value footer-contact-link\">+971 55 838 4412<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Email<\/span>\r\n <a href=\"mailto:info@ferozkhyber.com\" class=\"footer-contact-value footer-contact-link\">info@ferozkhyber.com<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon footer-contact-icon--wa\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c-.001 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">WhatsApp<\/span>\r\n <a href=\"https:\/\/wa.me\/+971558384412\" target=\"_blank\" class=\"footer-contact-value footer-contact-link\">Chat with us<\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Bar -->\r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-bottom-inner\">\r\n <p class=\"footer-copyright\">\u00a9 2026 <strong>Feroz Khyber<\/strong>. All Rights Reserved.<\/p>\r\n <div class=\"footer-bottom-links\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <span class=\"footer-bottom-sep\"><\/span>\r\n <a href=\"#\">Terms of Service<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n\/* ===== FOOTER \u2014 WHITE PREMIUM ===== *\/\r\n.site-footer {\r\n background: #ffffff;\r\n font-family: 'Krub', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Top Gold Accent *\/\r\n.footer-top-accent {\r\n height: 3px;\r\n background: linear-gradient(90deg, #b8913a, #CFA750, #ECC96B, #CFA750, #b8913a);\r\n}\r\n\r\n\/* Main Footer *\/\r\n.footer-main {\r\n padding: 70px 5% 50px;\r\n position: relative;\r\n}\r\n\r\n.footer-main::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n opacity: 0.018;\r\n background-image:\r\n repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(19,44,80,0.4) 60px, rgba(19,44,80,0.4) 61px),\r\n repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(19,44,80,0.4) 60px, rgba(19,44,80,0.4) 61px);\r\n pointer-events: none;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.3fr;\r\n gap: 50px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ===== COL 1: ABOUT ===== *\/\r\n.footer-logo-link { display: inline-block; margin-bottom: 18px; }\r\n.footer-logo {\r\n width: 160px; display: block;\r\n transition: opacity 0.3s ease;\r\n}\r\n.footer-logo:hover { opacity: 0.7; }\r\n\r\n.footer-about-text {\r\n font-size: 13.5px; font-weight: 400; color: #6b7e94;\r\n line-height: 1.8; margin-bottom: 22px; max-width: 300px;\r\n}\r\n\r\n\/* Social Icons *\/\r\n.footer-socials { display: flex; gap: 10px; }\r\n.footer-social {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n border: 1.5px solid rgba(19,44,80,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n color: #8494a7; text-decoration: none;\r\n transition: all 0.4s ease;\r\n}\r\n.footer-social svg { width: 16px; height: 16px; }\r\n.footer-social:hover {\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n border-color: transparent; color: #fff;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(207,167,80,0.3);\r\n}\r\n\r\n\/* ===== HEADINGS ===== *\/\r\n.footer-heading {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 16px; font-weight: 700; color: #0e2240;\r\n margin-bottom: 24px; position: relative;\r\n padding-bottom: 14px;\r\n}\r\n.footer-heading::after {\r\n content: ''; position: absolute; bottom: 0; left: 0;\r\n width: 30px; height: 2px;\r\n background: linear-gradient(90deg, #CFA750, #ECC96B);\r\n color: #0e2240;\r\n font-weight: 500;\r\n border-radius: 2px;\r\n}\r\n.footer-heading-icon {\r\n width: 30px; height: 30px; border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(207,167,80,0.08), rgba(207,167,80,0.15));\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.footer-heading-icon svg {\r\n width: 14px; height: 14px; color: #CFA750;\r\n}\r\n\r\n\/* ===== MENU LINKS ===== *\/\r\n.footer-menu { list-style: none; padding: 0; margin: 0; }\r\n.footer-menu li { margin-bottom: 0; }\r\n.footer-menu a {\r\n display: flex; align-items: center; gap: 8px;\r\n text-decoration: none; color: #0e2240;\r\n font-size: 13.5px; font-weight: 600;\r\n padding: 8px 0; transition: all 0.3s ease;\r\n position: relative;\r\n}\r\n.footer-menu a svg {\r\n width: 14px; height: 14px; color: rgba(207,167,80,0.4);\r\n transition: all 0.3s ease; flex-shrink: 0;\r\n}\r\n.footer-menu a:hover {\r\n color: #C9952E; padding-left: 6px;\r\n}\r\n.footer-menu a:hover svg {\r\n color: #C9952E; transform: translateX(3px);\r\n}\r\n\r\n\/* ===== CONTACT LIST ===== *\/\r\n.footer-contact-list { list-style: none; padding: 0; margin: 0; }\r\n.footer-contact-list li {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n padding: 10px 0;\r\n border-bottom: 1px solid rgba(19,44,80,0.05);\r\n transition: all 0.3s ease;\r\n}\r\n.footer-contact-list li:last-child { border-bottom: none; }\r\n.footer-contact-list li:hover { padding-left: 4px; }\r\n\r\n.footer-contact-icon {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: linear-gradient(135deg, #0e2240, #163458);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all 0.4s ease;\r\n box-shadow: 0 3px 10px rgba(19,44,80,0.1);\r\n}\r\n.footer-contact-icon svg { width: 15px; height: 15px; color: #ECC96B; }\r\n\r\n.footer-contact-icon--wa {\r\n background: linear-gradient(135deg, #1a8d1a, #25D366);\r\n}\r\n.footer-contact-icon--wa svg { color: #fff; }\r\n\r\n.footer-contact-list li:hover .footer-contact-icon {\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n box-shadow: 0 5px 16px rgba(207,167,80,0.3);\r\n transform: scale(1.06);\r\n}\r\n.footer-contact-list li:hover .footer-contact-icon svg { color: #fff; }\r\n\r\n.footer-contact-list li:hover .footer-contact-icon--wa {\r\n background: linear-gradient(135deg, #158a15, #25D366);\r\n box-shadow: 0 5px 16px rgba(37,211,102,0.3);\r\n}\r\n\r\n.footer-contact-label {\r\n display: block; font-size: 13px; font-weight: 600;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: #94a3b8; margin-bottom: 2px;\r\n}\r\n.footer-contact-value {\r\n display: block; font-size: 13.5px; font-weight: 500;\r\n color:#0e2240;\r\n}\r\n.footer-contact-link {\r\n text-decoration: none; color: #0e2240;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n}\r\n.footer-contact-link:hover { color: #C9952E; }\r\n\r\n\/* ===== BOTTOM BAR ===== *\/\r\n.footer-bottom {\r\n border-top: 1px solid rgba(19,44,80,0.07);\r\n padding: 0 5%;\r\n background: #fafbfc;\r\n}\r\n.footer-bottom-inner {\r\n max-width: 1200px; margin: 0 auto;\r\n padding: 20px 0;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.footer-copyright {\r\n font-size: 12.5px; color: #8494a7; font-weight: 300;\r\n}\r\n.footer-copyright strong {\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.footer-bottom-links {\r\n display: flex; align-items: center; gap: 16px;\r\n}\r\n.footer-bottom-links a {\r\n font-size: 12px; color: #8494a7;\r\n text-decoration: none; font-weight: 400;\r\n transition: color 0.3s ease;\r\n}\r\n.footer-bottom-links a:hover { color: #C9952E; }\r\n.footer-bottom-sep {\r\n width: 1px; height: 12px;\r\n background: rgba(19,44,80,0.1);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1100px) {\r\n .footer-container {\r\n grid-template-columns: 1.5fr 1fr 1fr;\r\n gap: 40px;\r\n }\r\n .footer-col:nth-child(1) { grid-column: 1 \/ -1; }\r\n .footer-about-text { max-width: 500px; }\r\n .footer-main { padding: 60px 5% 40px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .footer-container {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 36px;\r\n }\r\n .footer-col:nth-child(1) { grid-column: 1 \/ -1; }\r\n .footer-heading { font-size: 15px; margin-bottom: 20px; padding-bottom: 12px; }\r\n .footer-main { padding: 50px 5% 36px; }\r\n .footer-logo { width: 140px; }\r\n .footer-about-text { font-size: 13px; max-width: 400px; }\r\n .footer-menu a { font-size: 13px; padding: 7px 0; }\r\n .footer-contact-value { font-size: 13px; }\r\n .footer-bottom-inner {\r\n flex-direction: column; gap: 10px; text-align: center;\r\n }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n .footer-container {\r\n grid-template-columns: 1fr;\r\n gap: 30px; text-align: center;\r\n }\r\n .footer-col:nth-child(1) { grid-column: auto; }\r\n .footer-logo { margin: 0 auto 16px; }\r\n .footer-about-text { margin: 0 auto 18px; max-width: 340px; }\r\n .footer-socials { justify-content: center; }\r\n .footer-heading { justify-content: center; }\r\n .footer-heading::after { left: 50%; transform: translateX(-50%); }\r\n .footer-menu a { justify-content: center; }\r\n .footer-contact-list li { justify-content: center; }\r\n .footer-main { padding: 44px 5% 30px; }\r\n .footer-heading { font-size: 14px; margin-bottom: 18px; }\r\n .footer-social { width: 34px; height: 34px; }\r\n .footer-social svg { width: 14px; height: 14px; }\r\n .footer-contact-icon { width: 32px; height: 32px; }\r\n .footer-contact-icon svg { width: 13px; height: 13px; }\r\n .footer-contact-label { font-size: 9px; }\r\n .footer-contact-value { font-size: 12.5px; }\r\n .footer-copyright { font-size: 11.5px; }\r\n .footer-bottom-links a { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n .footer-main { padding: 36px 4% 24px; }\r\n .footer-container { gap: 24px; }\r\n .footer-logo { width: 120px; }\r\n .footer-about-text { font-size: 12px; }\r\n .footer-heading { font-size: 13px; }\r\n .footer-menu a { font-size: 12px; padding: 6px 0; }\r\n .footer-menu a svg { width: 12px; height: 12px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Feroz Khyber General Trading LLC Home Our Fabrics Collections Digital Cotton Printed Cotton Fabric Summer Digital Cotton Reactive Digital Cotton […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":34,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}