\u0628\u0627\u0646\u0631 \u062a\u0633\u0648\u0642<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --gold:#56abf5;\n --gold-light:#56abf5;\n --ink:#0e0e0e;\n }\n *{box-sizing:border-box;}\n .shop-banner{\n position:relative;\n width:100%;\n min-height:460px;\n overflow:hidden;\n font-family:'Tajawal', sans-serif;\n background:#0e0e0e;\n direction:rtl;\n }\n .shop-banner__bg{\n position:absolute;\n inset:0;\n display:block;\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:center;\n filter:brightness(0.75) saturate(1.1);\n transform:scale(1.03);\n transition:transform 6s ease;\n }\n .shop-banner:hover .shop-banner__bg{\n transform:scale(1.1);\n }\n .shop-banner__overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(8,8,10,0.15) 0%, rgba(8,8,10,0.3) 55%, rgba(8,8,10,0.55) 100%),\n linear-gradient(90deg, rgba(8,8,10,0.6) 0%, rgba(8,8,10,0.5) 34%, rgba(8,8,10,0.3) 62%, rgba(8,8,10,0.15) 100%);\n }\n .shop-banner__content{\n position:relative;\n z-index:2;\n max-width:1300px;\n margin:0 auto;\n min-height:460px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n padding:60px 6%;\n text-align:center;\n }\n .shop-banner__eyebrow{\n display:flex;\n align-items:center;\n gap:10px;\n color:var(--gold-light);\n font-size:14px;\n font-weight:700;\n letter-spacing:.5px;\n margin-bottom:18px;\n }\n .shop-banner__eyebrow::before{\n content:\"\";\n width:36px;\n height:2px;\n background:var(--gold);\n display:inline-block;\n }\n .shop-banner__title{\n color:#ffffff;\n font-size:56px;\n font-weight:900;\n line-height:1.15;\n margin:0 0 30px;\n max-width:700px;\n }\n .shop-banner__title span{\n color:var(--gold-light);\n }\n .shop-banner__subtitle{\n color:#d8d6cf;\n font-size:17px;\n font-weight:400;\n line-height:1.8;\n max-width:480px;\n margin:0 0 34px;\n }\n .shop-banner__btn{\n display:inline-flex;\n align-items:center;\n gap:12px;\n background:var(--gold);\n color:#0e0e0e;\n font-size:16px;\n font-weight:700;\n padding:16px 24px;\n border-radius:2px;\n text-decoration:none;\n border:1px solid var(--gold);\n transition:background .25s ease, color .25s ease, gap .25s ease;\n }\n .shop-banner__btn:hover{\n background:transparent;\n color:#ffffff;\n gap:18px;\n }\n .shop-banner__btn svg{\n width:20px;\n height:20px;\n flex-shrink:0;\n transition:transform .25s ease;\n }\n .shop-banner__btn:hover svg{\n transform:translateY(4px);\n }\n\n @media (max-width: 900px){\n .shop-banner{min-height:420px;}\n .shop-banner__overlay{\n background:linear-gradient(180deg, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0.92) 65%, rgba(10,10,10,0.97) 100%);\n }\n .shop-banner__content{\n min-height:420px;\n padding:40px 24px;\n }\n .shop-banner__title{font-size:36px;max-width:100%;}\n }\n @media (max-width: 480px){\n .shop-banner__title{font-size:28px;}\n .shop-banner__btn{padding:13px 22px;font-size:14px;}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"shop-banner\">\n <video class=\"shop-banner__bg\" autoplay muted loop playsinline preload=\"auto\">\n <source src=\"https:\/\/v1.pinimg.com\/videos\/mc\/720p\/3f\/cd\/21\/3fcd211f9bf9192c527e72eb3a5dc5b4.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"shop-banner__overlay\"><\/div>\n <div class=\"shop-banner__content\">\n <h2 class=\"shop-banner__title\">\u062a\u0635\u0641\u062d <span>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span><\/h2>\n <a href=\"#por\" class=\"shop-banner__btn\">\n \u0639\u0631\u0636\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <polyline points=\"19 12 12 19 5 12\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\t\t<div class=\"por\">\n\t\t\t\t\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --blue:#56abf5;\n --ink:#0e0e10;\n --card:#17171a;\n --line:rgba(255,255,255,0.08);\n --text-soft:#a9aab0;\n }\n *{box-sizing:border-box;}\n .portfolio{\n width:100%;\n background:var(--ink);\n font-family:'Tajawal', sans-serif;\n direction:rtl;\n color:#ffffff;\n padding:70px 6%;\n }\n .portfolio__head{\n max-width:1300px;\n margin:0 auto 42px;\n text-align:center;\n }\n .portfolio__eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n color:var(--blue);\n font-size:14px;\n font-weight:700;\n margin-bottom:12px;\n }\n .portfolio__eyebrow::before,\n .portfolio__eyebrow::after{\n content:\"\";\n width:28px;\n height:2px;\n background:var(--blue);\n }\n .portfolio__title{\n font-size:34px;\n font-weight:900;\n margin:0;\n }\n .portfolio__title span{\n color:var(--blue);\n }\n .portfolio__grid{\n max-width:1300px;\n margin:0 auto;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:26px;\n }\n .portfolio-card{\n position:relative;\n display:block;\n border-radius:12px;\n overflow:hidden;\n background:var(--card);\n border:1px solid var(--line);\n text-decoration:none;\n color:inherit;\n }\n .portfolio-card__media{\n position:relative;\n width:100%;\n aspect-ratio:4\/3;\n overflow:hidden;\n }\n .portfolio-card__media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transition:transform .5s ease;\n }\n .portfolio-card:hover .portfolio-card__media img{\n transform:scale(1.08);\n }\n .portfolio-card__overlay{\n position:absolute;\n inset:0;\n background:rgba(9,9,11,0.55);\n display:flex;\n align-items:center;\n justify-content:center;\n opacity:0;\n transition:opacity .3s ease;\n }\n .portfolio-card:hover .portfolio-card__overlay{\n opacity:1;\n }\n .portfolio-card__eye{\n width:54px;\n height:54px;\n border-radius:50%;\n background:var(--blue);\n display:flex;\n align-items:center;\n justify-content:center;\n color:#0e0e10;\n transform:scale(0.7);\n transition:transform .3s ease;\n }\n .portfolio-card:hover .portfolio-card__eye{\n transform:scale(1);\n }\n .portfolio-card__eye svg{\n width:24px;\n height:24px;\n }\n .portfolio-card__body{\n padding:16px 18px;\n }\n .portfolio-card__tag{\n font-size:12px;\n color:var(--blue);\n font-weight:700;\n margin-bottom:6px;\n display:block;\n }\n .portfolio-card__title{\n font-size:16px;\n font-weight:700;\n margin:0;\n color:#ffffff;\n }\n\n @media (max-width:1000px){\n .portfolio__grid{grid-template-columns:repeat(2, 1fr);}\n }\n @media (max-width:600px){\n .portfolio__grid{grid-template-columns:1fr;}\n .portfolio__title{font-size:26px;}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"portfolio\" id=\"por\">\n <div class=\"portfolio__head\">\n <div class=\"portfolio__eyebrow\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/div>\n <h2 class=\"portfolio__title\">\u0646\u0645\u0627\u0630\u062c \u0645\u0646 <span>\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/span><\/h2>\n <\/div>\n\n <div class=\"portfolio__grid\">\n\n <a href=\"https:\/\/storehomedecor.khadamatzh.online\/\" target=\"_blank\" rel=\"noopener\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/khadamatzh.online\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-22-002030-1.jpg\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0623\u062b\u0627\u062b \u0648\u062f\u064a\u0643\u0648\u0631\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0623\u062b\u0627\u062b \u0648\u062f\u064a\u0643\u0648\u0631<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560769629-975ec94e6a86?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441984904996-e0b6ba687e04?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0623\u0632\u064a\u0627\u0621\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0623\u0632\u064a\u0627\u0621 \u0648\u0645\u0644\u0627\u0628\u0633<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=700&q=80\" alt=\"\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a \u0639\u0642\u0627\u0631\u0627\u062a\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a<\/span>\n <h3 class=\"portfolio-card__title\">\u0648\u0643\u0627\u0644\u0629 \u0639\u0642\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u062a\u062c\u0645\u064a\u0644\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u062a\u062c\u0645\u064a\u0644<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?w=700&q=80\" alt=\"\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a \u0634\u0631\u0643\u0629 \u062a\u0642\u0646\u064a\u0629\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a<\/span>\n <h3 class=\"portfolio-card__title\">\u0634\u0631\u0643\u0629 \u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/h3>\n <\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":5,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":61,"date":"2026-08-21T20:02:28","date_gmt":"2026-08-21T20:02:28","guid":{"rendered":"https:\/\/khadamatzh.online\/?page_id=61"},"modified":"2026-08-21T23:45:34","modified_gmt":"2026-08-21T23:45:34","slug":"khadamat-zh","status":"publish","type":"page","link":"https:\/\/khadamatzh.online\/","title":{"rendered":"Khadamat ZH"},"content":{"rendered":"\n\n\n\n\n\n\n\n\u0628\u0627\u0646\u0631 \u062a\u0633\u0648\u0642<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --gold:#56abf5;\n --gold-light:#56abf5;\n --ink:#0e0e0e;\n }\n *{box-sizing:border-box;}\n .shop-banner{\n position:relative;\n width:100%;\n min-height:460px;\n overflow:hidden;\n font-family:'Tajawal', sans-serif;\n background:#0e0e0e;\n direction:rtl;\n }\n .shop-banner__bg{\n position:absolute;\n inset:0;\n display:block;\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:center;\n filter:brightness(0.75) saturate(1.1);\n transform:scale(1.03);\n transition:transform 6s ease;\n }\n .shop-banner:hover .shop-banner__bg{\n transform:scale(1.1);\n }\n .shop-banner__overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(8,8,10,0.15) 0%, rgba(8,8,10,0.3) 55%, rgba(8,8,10,0.55) 100%),\n linear-gradient(90deg, rgba(8,8,10,0.6) 0%, rgba(8,8,10,0.5) 34%, rgba(8,8,10,0.3) 62%, rgba(8,8,10,0.15) 100%);\n }\n .shop-banner__content{\n position:relative;\n z-index:2;\n max-width:1300px;\n margin:0 auto;\n min-height:460px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n padding:60px 6%;\n text-align:center;\n }\n .shop-banner__eyebrow{\n display:flex;\n align-items:center;\n gap:10px;\n color:var(--gold-light);\n font-size:14px;\n font-weight:700;\n letter-spacing:.5px;\n margin-bottom:18px;\n }\n .shop-banner__eyebrow::before{\n content:\"\";\n width:36px;\n height:2px;\n background:var(--gold);\n display:inline-block;\n }\n .shop-banner__title{\n color:#ffffff;\n font-size:56px;\n font-weight:900;\n line-height:1.15;\n margin:0 0 30px;\n max-width:700px;\n }\n .shop-banner__title span{\n color:var(--gold-light);\n }\n .shop-banner__subtitle{\n color:#d8d6cf;\n font-size:17px;\n font-weight:400;\n line-height:1.8;\n max-width:480px;\n margin:0 0 34px;\n }\n .shop-banner__btn{\n display:inline-flex;\n align-items:center;\n gap:12px;\n background:var(--gold);\n color:#0e0e0e;\n font-size:16px;\n font-weight:700;\n padding:16px 24px;\n border-radius:2px;\n text-decoration:none;\n border:1px solid var(--gold);\n transition:background .25s ease, color .25s ease, gap .25s ease;\n }\n .shop-banner__btn:hover{\n background:transparent;\n color:#ffffff;\n gap:18px;\n }\n .shop-banner__btn svg{\n width:20px;\n height:20px;\n flex-shrink:0;\n transition:transform .25s ease;\n }\n .shop-banner__btn:hover svg{\n transform:translateY(4px);\n }\n\n @media (max-width: 900px){\n .shop-banner{min-height:420px;}\n .shop-banner__overlay{\n background:linear-gradient(180deg, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0.92) 65%, rgba(10,10,10,0.97) 100%);\n }\n .shop-banner__content{\n min-height:420px;\n padding:40px 24px;\n }\n .shop-banner__title{font-size:36px;max-width:100%;}\n }\n @media (max-width: 480px){\n .shop-banner__title{font-size:28px;}\n .shop-banner__btn{padding:13px 22px;font-size:14px;}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"shop-banner\">\n <video class=\"shop-banner__bg\" autoplay muted loop playsinline preload=\"auto\">\n <source src=\"https:\/\/v1.pinimg.com\/videos\/mc\/720p\/3f\/cd\/21\/3fcd211f9bf9192c527e72eb3a5dc5b4.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"shop-banner__overlay\"><\/div>\n <div class=\"shop-banner__content\">\n <h2 class=\"shop-banner__title\">\u062a\u0635\u0641\u062d <span>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span><\/h2>\n <a href=\"#por\" class=\"shop-banner__btn\">\n \u0639\u0631\u0636\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <polyline points=\"19 12 12 19 5 12\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\t\t<div class=\"por\">\n\t\t\t\t\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --blue:#56abf5;\n --ink:#0e0e10;\n --card:#17171a;\n --line:rgba(255,255,255,0.08);\n --text-soft:#a9aab0;\n }\n *{box-sizing:border-box;}\n .portfolio{\n width:100%;\n background:var(--ink);\n font-family:'Tajawal', sans-serif;\n direction:rtl;\n color:#ffffff;\n padding:70px 6%;\n }\n .portfolio__head{\n max-width:1300px;\n margin:0 auto 42px;\n text-align:center;\n }\n .portfolio__eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n color:var(--blue);\n font-size:14px;\n font-weight:700;\n margin-bottom:12px;\n }\n .portfolio__eyebrow::before,\n .portfolio__eyebrow::after{\n content:\"\";\n width:28px;\n height:2px;\n background:var(--blue);\n }\n .portfolio__title{\n font-size:34px;\n font-weight:900;\n margin:0;\n }\n .portfolio__title span{\n color:var(--blue);\n }\n .portfolio__grid{\n max-width:1300px;\n margin:0 auto;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:26px;\n }\n .portfolio-card{\n position:relative;\n display:block;\n border-radius:12px;\n overflow:hidden;\n background:var(--card);\n border:1px solid var(--line);\n text-decoration:none;\n color:inherit;\n }\n .portfolio-card__media{\n position:relative;\n width:100%;\n aspect-ratio:4\/3;\n overflow:hidden;\n }\n .portfolio-card__media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transition:transform .5s ease;\n }\n .portfolio-card:hover .portfolio-card__media img{\n transform:scale(1.08);\n }\n .portfolio-card__overlay{\n position:absolute;\n inset:0;\n background:rgba(9,9,11,0.55);\n display:flex;\n align-items:center;\n justify-content:center;\n opacity:0;\n transition:opacity .3s ease;\n }\n .portfolio-card:hover .portfolio-card__overlay{\n opacity:1;\n }\n .portfolio-card__eye{\n width:54px;\n height:54px;\n border-radius:50%;\n background:var(--blue);\n display:flex;\n align-items:center;\n justify-content:center;\n color:#0e0e10;\n transform:scale(0.7);\n transition:transform .3s ease;\n }\n .portfolio-card:hover .portfolio-card__eye{\n transform:scale(1);\n }\n .portfolio-card__eye svg{\n width:24px;\n height:24px;\n }\n .portfolio-card__body{\n padding:16px 18px;\n }\n .portfolio-card__tag{\n font-size:12px;\n color:var(--blue);\n font-weight:700;\n margin-bottom:6px;\n display:block;\n }\n .portfolio-card__title{\n font-size:16px;\n font-weight:700;\n margin:0;\n color:#ffffff;\n }\n\n @media (max-width:1000px){\n .portfolio__grid{grid-template-columns:repeat(2, 1fr);}\n }\n @media (max-width:600px){\n .portfolio__grid{grid-template-columns:1fr;}\n .portfolio__title{font-size:26px;}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"portfolio\" id=\"por\">\n <div class=\"portfolio__head\">\n <div class=\"portfolio__eyebrow\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/div>\n <h2 class=\"portfolio__title\">\u0646\u0645\u0627\u0630\u062c \u0645\u0646 <span>\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/span><\/h2>\n <\/div>\n\n <div class=\"portfolio__grid\">\n\n <a href=\"https:\/\/storehomedecor.khadamatzh.online\/\" target=\"_blank\" rel=\"noopener\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/khadamatzh.online\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-22-002030-1.jpg\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0623\u062b\u0627\u062b \u0648\u062f\u064a\u0643\u0648\u0631\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0623\u062b\u0627\u062b \u0648\u062f\u064a\u0643\u0648\u0631<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560769629-975ec94e6a86?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441984904996-e0b6ba687e04?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0623\u0632\u064a\u0627\u0621\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0623\u0632\u064a\u0627\u0621 \u0648\u0645\u0644\u0627\u0628\u0633<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=700&q=80\" alt=\"\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a \u0639\u0642\u0627\u0631\u0627\u062a\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a<\/span>\n <h3 class=\"portfolio-card__title\">\u0648\u0643\u0627\u0644\u0629 \u0639\u0642\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?w=700&q=80\" alt=\"\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633 \u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u062a\u062c\u0645\u064a\u0644\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u062a\u062c\u0631 \u0648\u0648\u0643\u0648\u0645\u0631\u0633<\/span>\n <h3 class=\"portfolio-card__title\">\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u062a\u062c\u0645\u064a\u0644<\/h3>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"portfolio-card\">\n <div class=\"portfolio-card__media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?w=700&q=80\" alt=\"\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a \u0634\u0631\u0643\u0629 \u062a\u0642\u0646\u064a\u0629\">\n <div class=\"portfolio-card__overlay\">\n <span class=\"portfolio-card__eye\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"portfolio-card__body\">\n <span class=\"portfolio-card__tag\">\u0645\u0648\u0642\u0639 \u062a\u0639\u0631\u064a\u0641\u064a<\/span>\n <h3 class=\"portfolio-card__title\">\u0634\u0631\u0643\u0629 \u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/h3>\n <\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":5,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/khadamatzh.online\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/khadamatzh.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}