{"id":35,"date":"2025-10-30T12:07:41","date_gmt":"2025-10-30T12:07:41","guid":{"rendered":"https:\/\/ochaka.presslayouts.com\/dummy\/?page_id=35"},"modified":"2026-09-07T22:17:22","modified_gmt":"2026-09-07T22:17:22","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/icon-gifts.store\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecb2eba e-con-full e-flex e-con e-parent\" data-id=\"ecb2eba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53e4a56 elementor-widget elementor-widget-html\" data-id=\"53e4a56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ICON GIFTS \u2014 MAIN HERO SLIDER\r\n     CLEAN \/ RTL \/ GREEN IDENTITY\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"ig-main-slider\"\r\n  dir=\"rtl\"\r\n  aria-label=\"\u0639\u0631\u0648\u0636 Icon Gifts \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\"\r\n>\r\n\r\n  <div class=\"ig-main-slider__track\">\r\n\r\n    <!-- =====================================================\r\n         SLIDE 1\r\n    ====================================================== -->\r\n\r\n    <article\r\n      class=\"ig-main-slide is-active\"\r\n      aria-hidden=\"false\"\r\n    >\r\n\r\n      <img fetchpriority=\"high\"\r\n        class=\"ig-main-slide__image is-loaded\"\r\n        src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-hero-optimized.webp\"\r\n        alt=\"\u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 Icon Gifts\"\r\n        width=\"1266\"\r\n        height=\"832\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div\r\n        class=\"ig-main-slide__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n      <div class=\"ig-main-slide__content\">\r\n\r\n        <span class=\"ig-main-slide__label\">\r\n          \u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\r\n        <\/span>\r\n\r\n        <h1>\r\n          \u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0630\u0643\u064a\u0629\r\n          <br>\r\n          \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643\r\n        <\/h1>\r\n\r\n        <p>\r\n          \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0639\u0635\u0631\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c\r\n          \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0637\u0628\u0627\u0639\u0629 \u0634\u0639\u0627\u0631 \u0634\u0631\u0643\u062a\u0643 \u0648\u062a\u062c\u0647\u064a\u0632 \u0647\u062f\u0627\u064a\u0627\r\n          \u0645\u0645\u064a\u0632\u0629 \u0644\u0645\u0648\u0638\u0641\u064a\u0643 \u0648\u0639\u0645\u0644\u0627\u0626\u0643.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"ig-main-slide__button\"\r\n          href=\"https:\/\/icon-gifts.store\/%d8%a7%d9%84%d9%85%d8%aa%d8%ac%d8%b1\/\"\r\n        >\r\n         \u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0647\u062f\u064a\u0629\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 2\r\n    ====================================================== -->\r\n\r\n    <article\r\n      class=\"ig-main-slide\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        class=\"ig-main-slide__image\"\r\n        data-src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-corporate-drinkware-scaled.webp\"\r\n        alt=\"\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0635\u064a\u0641\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0645\u0646 Icon Gifts\"\r\n        width=\"1920\"\r\n        height=\"1024\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div\r\n        class=\"ig-main-slide__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n      <div class=\"ig-main-slide__content\">\r\n\r\n        <span class=\"ig-main-slide__label\">\r\n          \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0635\u064a\u0641\u064a\u0629\r\n        <\/span>\r\n\r\n        <h2>\r\n          \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629\r\n          <br>\r\n          \u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a\u0643 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u0643\r\n        <\/h2>\r\n\r\n        <p>\r\n          \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0635\u064a\u0641\u064a\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0648\u0627\u0644\u0647\u062f\u0627\u064a\u0627\r\n          \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\u0629\u060c \u0645\u0639 \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0647\u0648\u064a\u0629\r\n          \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"ig-main-slide__button\"\r\n          href=\"https:\/\/icon-gifts.store\/%d8%a7%d9%84%d9%85%d8%aa%d8%ac%d8%b1\/\"\r\n        >\r\n          \u0627\u0643\u062a\u0634\u0641 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 3\r\n    ====================================================== -->\r\n\r\n    <article\r\n      class=\"ig-main-slide\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        class=\"ig-main-slide__image\"\r\n        data-src=\"http:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-luxury-gift-boxes.webp\"\r\n        alt=\"\u0628\u0648\u0643\u0633\u0627\u062a \u0647\u062f\u0627\u064a\u0627 \u0641\u0627\u062e\u0631\u0629 \u0645\u0646 Icon Gifts\"\r\n        width=\"1920\"\r\n        height=\"1024\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div\r\n        class=\"ig-main-slide__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n      <div class=\"ig-main-slide__content\">\r\n\r\n        <span class=\"ig-main-slide__label\">\r\n          \u0628\u0648\u0643\u0633\u0627\u062a \u0627\u0644\u0647\u062f\u0627\u064a\u0627\r\n        <\/span>\r\n\r\n        <h2>\r\n          \u062a\u063a\u0644\u064a\u0641 \u0641\u0627\u062e\u0631\r\n          <br>\r\n          \u064a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u064b\u0627 \u064a\u062f\u0648\u0645\r\n        <\/h2>\r\n\r\n        <p>\r\n          \u0646\u0647\u062a\u0645 \u0628\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629\r\n          \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u063a\u0644\u064a\u0641\u060c \u0644\u062a\u0642\u062f\u064a\u0645 \u0647\u062f\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u0628\u0651\u0631 \u0639\u0646\r\n          \u0642\u064a\u0645\u0629 \u0639\u0644\u0627\u0645\u062a\u0643.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"ig-main-slide__button\"\r\n          href=\"https:\/\/icon-gifts.store\/%d8%a7%d9%84%d9%85%d8%aa%d8%ac%d8%b1\/\"\r\n        >\r\n          \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       DOTS\r\n  ====================================================== -->\r\n\r\n  <div\r\n    class=\"ig-main-slider__dots\"\r\n    role=\"tablist\"\r\n    aria-label=\"\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\"\r\n  >\r\n\r\n    <button\r\n      class=\"is-active\"\r\n      type=\"button\"\r\n      role=\"tab\"\r\n      aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0633\u0644\u0627\u064a\u062f \u0627\u0644\u0623\u0648\u0644\"\r\n      aria-selected=\"true\"\r\n    ><\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      role=\"tab\"\r\n      aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0633\u0644\u0627\u064a\u062f \u0627\u0644\u062b\u0627\u0646\u064a\"\r\n      aria-selected=\"false\"\r\n    ><\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      role=\"tab\"\r\n      aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0633\u0644\u0627\u064a\u062f \u0627\u0644\u062b\u0627\u0644\u062b\"\r\n      aria-selected=\"false\"\r\n    ><\/button>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROGRESS\r\n  ====================================================== -->\r\n\r\n  <div\r\n    class=\"ig-main-slider__progress\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ICON GIFTS \u2014 HERO SLIDER\r\n========================================================= *\/\r\n\r\n.ig-main-slider,\r\n.ig-main-slider * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.ig-main-slider {\r\n\r\n  --ig-green: #00563E;\r\n  --ig-green-dark: #004533;\r\n  --ig-green-light: #78B7A3;\r\n\r\n  --ig-white: #FFFFFF;\r\n  --ig-black: #111111;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 90dvh;\r\n  min-height: 610px;\r\n  max-height: 920px;\r\n\r\n  overflow: hidden;\r\n\r\n  color: var(--ig-white);\r\n\r\n  background: var(--ig-black);\r\n\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n\r\n.ig-main-slider a,\r\n.ig-main-slider button,\r\n.ig-main-slider h1,\r\n.ig-main-slider h2,\r\n.ig-main-slider p,\r\n.ig-main-slider span {\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.ig-main-slider__track {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDES\r\n========================================================= *\/\r\n\r\n.ig-main-slide {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  pointer-events: none;\r\n\r\n  transform:\r\n    scale(1.015);\r\n\r\n  transition:\r\n    opacity .75s ease,\r\n    visibility .75s ease,\r\n    transform 1.2s ease;\r\n}\r\n\r\n\r\n.ig-main-slide.is-active {\r\n\r\n  z-index: 2;\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  pointer-events: auto;\r\n\r\n  transform:\r\n    scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ig-main-slide__image {\r\n\r\n  position: absolute !important;\r\n\r\n  inset: 0 !important;\r\n\r\n  display: block !important;\r\n\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n\r\n  height: 100% !important;\r\n  min-height: 100% !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  object-fit:\r\n    cover !important;\r\n\r\n  object-position:\r\n    center center !important;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    scale(1.055);\r\n\r\n  transition:\r\n    opacity .4s ease,\r\n    transform 7s ease;\r\n}\r\n\r\n\r\n.ig-main-slide__image.is-loaded,\r\n.ig-main-slide:first-child\r\n.ig-main-slide__image {\r\n\r\n  opacity: 1;\r\n}\r\n\r\n\r\n.ig-main-slide.is-active\r\n.ig-main-slide__image {\r\n\r\n  transform:\r\n    scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ig-main-slide__overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,50,37,.82) 0%,\r\n      rgba(0,35,27,.62) 28%,\r\n      rgba(0,0,0,.20) 62%,\r\n      rgba(0,0,0,.05) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(0,0,0,.45) 0%,\r\n      rgba(0,0,0,0) 48%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ig-main-slide__content {\r\n\r\n  position: absolute;\r\n\r\n  right:\r\n    max(5vw,30px);\r\n\r\n  bottom:\r\n    clamp(\r\n      65px,\r\n      8vh,\r\n      105px\r\n    );\r\n\r\n  z-index: 4;\r\n\r\n  width:\r\n    min(\r\n      650px,\r\n      47vw\r\n    );\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  align-items:\r\n    flex-start;\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  text-align:\r\n    right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.ig-main-slide__label {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n  color:\r\n    var(--ig-green-light);\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.ig-main-slide__label::before {\r\n\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 31px;\r\n  height: 2px;\r\n\r\n  background:\r\n    currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ig-main-slide h1,\r\n.ig-main-slide h2 {\r\n\r\n  width: 100%;\r\n\r\n  margin:\r\n    0 0 18px;\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      39px,\r\n      4vw,\r\n      66px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    1.15;\r\n\r\n  letter-spacing:\r\n    -1px;\r\n\r\n  text-transform:\r\n    none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ig-main-slide p {\r\n\r\n  width:\r\n    min(\r\n      100%,\r\n      610px\r\n    );\r\n\r\n  margin:\r\n    0 0 27px;\r\n\r\n  color:\r\n    rgba(255,255,255,.90) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      16px,\r\n      1.3vw,\r\n      20px\r\n    );\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.ig-main-slide__button {\r\n\r\n  min-width:\r\n    155px;\r\n\r\n  min-height:\r\n    53px;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  padding:\r\n    12px 24px;\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-green) !important;\r\n\r\n  border:\r\n    1px solid\r\n    var(--ig-green) !important;\r\n\r\n  border-radius:\r\n    0 !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size:\r\n    16px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  white-space:\r\n    nowrap;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-main-slide__button:hover {\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-green-dark) !important;\r\n\r\n  border-color:\r\n    var(--ig-green-dark) !important;\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.ig-main-slider__dots {\r\n\r\n  position: absolute;\r\n\r\n  right: 50%;\r\n  bottom: 35px;\r\n\r\n  z-index: 10;\r\n\r\n  display: flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap: 11px;\r\n\r\n  transform:\r\n    translateX(50%);\r\n}\r\n\r\n\r\n.ig-main-slider__dots button {\r\n\r\n  appearance: none;\r\n\r\n  display: block;\r\n\r\n  width: 11px;\r\n  height: 11px;\r\n\r\n  min-width:\r\n    0 !important;\r\n\r\n  min-height:\r\n    0 !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  border:\r\n    2px solid\r\n    rgba(255,255,255,.92) !important;\r\n\r\n  border-radius:\r\n    50% !important;\r\n\r\n  outline:\r\n    none !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-main-slider__dots\r\nbutton:hover {\r\n\r\n  border-color:\r\n    var(--ig-green-light) !important;\r\n\r\n  background:\r\n    var(--ig-green-light) !important;\r\n\r\n  transform:\r\n    scale(1.12);\r\n}\r\n\r\n\r\n.ig-main-slider__dots\r\nbutton.is-active {\r\n\r\n  border-color:\r\n    var(--ig-green) !important;\r\n\r\n  background:\r\n    var(--ig-green) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.ig-main-slider__progress {\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  z-index: 11;\r\n\r\n  width: 100%;\r\n  height: 3px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n.ig-main-slider__progress span {\r\n\r\n  display: block;\r\n\r\n  width: 0;\r\n  height: 100%;\r\n\r\n  background:\r\n    var(--ig-green);\r\n}\r\n\r\n\r\n.ig-main-slider.is-playing\r\n.ig-main-slider__progress span {\r\n\r\n  animation:\r\n    igMainSliderProgress\r\n    6s\r\n    linear\r\n    forwards;\r\n}\r\n\r\n\r\n@keyframes igMainSliderProgress {\r\n\r\n  from {\r\n    width: 0;\r\n  }\r\n\r\n  to {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ig-main-slider {\r\n\r\n    height:\r\n      82dvh;\r\n\r\n    min-height:\r\n      600px;\r\n  }\r\n\r\n\r\n  .ig-main-slide__content {\r\n\r\n    right:\r\n      35px;\r\n\r\n    bottom:\r\n      75px;\r\n\r\n    width:\r\n      min(\r\n        680px,\r\n        67vw\r\n      );\r\n  }\r\n\r\n\r\n  .ig-main-slide h1,\r\n  .ig-main-slide h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        5.5vw,\r\n        55px\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ig-main-slider {\r\n\r\n    height:\r\n      78svh;\r\n\r\n    min-height:\r\n      600px;\r\n\r\n    max-height:\r\n      740px;\r\n  }\r\n\r\n\r\n  .ig-main-slider__track,\r\n  .ig-main-slide {\r\n\r\n    width:\r\n      100% !important;\r\n\r\n    height:\r\n      100% !important;\r\n\r\n    min-height:\r\n      100% !important;\r\n  }\r\n\r\n\r\n  \/* Individual image focus *\/\r\n\r\n  .ig-main-slide:nth-child(1)\r\n  .ig-main-slide__image {\r\n\r\n    object-position:\r\n      43% center !important;\r\n  }\r\n\r\n\r\n  .ig-main-slide:nth-child(2)\r\n  .ig-main-slide__image {\r\n\r\n    object-position:\r\n      48% center !important;\r\n  }\r\n\r\n\r\n  .ig-main-slide:nth-child(3)\r\n  .ig-main-slide__image {\r\n\r\n    object-position:\r\n      46% center !important;\r\n  }\r\n\r\n\r\n  .ig-main-slide__overlay {\r\n\r\n    background:\r\n\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(0,32,24,.94) 0%,\r\n        rgba(0,50,37,.72) 40%,\r\n        rgba(0,0,0,.18) 76%,\r\n        rgba(0,0,0,.04) 100%\r\n      ) !important;\r\n  }\r\n\r\n\r\n  .ig-main-slide__content {\r\n\r\n    right:\r\n      18px !important;\r\n\r\n    left:\r\n      18px !important;\r\n\r\n    bottom:\r\n      65px !important;\r\n\r\n    width:\r\n      auto !important;\r\n\r\n    max-width:\r\n      none;\r\n  }\r\n\r\n\r\n  .ig-main-slide__label {\r\n\r\n    margin-bottom:\r\n      10px;\r\n\r\n    font-size:\r\n      13px;\r\n  }\r\n\r\n\r\n  .ig-main-slide h1,\r\n  .ig-main-slide h2 {\r\n\r\n    margin-bottom:\r\n      13px;\r\n\r\n    font-size:\r\n      clamp(\r\n        31px,\r\n        9vw,\r\n        43px\r\n      );\r\n\r\n    line-height:\r\n      1.2;\r\n\r\n    letter-spacing:\r\n      -.5px;\r\n  }\r\n\r\n\r\n  .ig-main-slide p {\r\n\r\n    display:\r\n      -webkit-box;\r\n\r\n    margin-bottom:\r\n      20px;\r\n\r\n    overflow:\r\n      hidden;\r\n\r\n    font-size:\r\n      15px;\r\n\r\n    line-height:\r\n      1.7;\r\n\r\n    -webkit-line-clamp:\r\n      3;\r\n\r\n    -webkit-box-orient:\r\n      vertical;\r\n  }\r\n\r\n\r\n  .ig-main-slide__button {\r\n\r\n    min-width:\r\n      137px;\r\n\r\n    min-height:\r\n      47px;\r\n\r\n    padding:\r\n      11px 19px;\r\n\r\n    font-size:\r\n      15px;\r\n  }\r\n\r\n\r\n  .ig-main-slider__dots {\r\n\r\n    bottom:\r\n      25px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .ig-main-slider {\r\n\r\n    height:\r\n      74svh;\r\n\r\n    min-height:\r\n      570px;\r\n  }\r\n\r\n\r\n  .ig-main-slide h1,\r\n  .ig-main-slide h2 {\r\n\r\n    font-size:\r\n      30px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ig-main-slide,\r\n  .ig-main-slide__image,\r\n  .ig-main-slide__button {\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n\r\n  .ig-main-slider__progress span {\r\n\r\n    animation:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const sliders =\r\n    document.querySelectorAll(\r\n      '.ig-main-slider:not([data-initialized])'\r\n    );\r\n\r\n\r\n  sliders.forEach(\r\n    function (slider) {\r\n\r\n\r\n      slider.setAttribute(\r\n        'data-initialized',\r\n        'true'\r\n      );\r\n\r\n\r\n      const slides =\r\n        Array.from(\r\n          slider.querySelectorAll(\r\n            '.ig-main-slide'\r\n          )\r\n        );\r\n\r\n\r\n      const dots =\r\n        Array.from(\r\n          slider.querySelectorAll(\r\n            '.ig-main-slider__dots button'\r\n          )\r\n        );\r\n\r\n\r\n      if (!slides.length) {\r\n        return;\r\n      }\r\n\r\n\r\n      const prefersReducedMotion =\r\n        window.matchMedia(\r\n          '(prefers-reduced-motion: reduce)'\r\n        ).matches;\r\n\r\n\r\n      const delay =\r\n        6000;\r\n\r\n\r\n      let currentIndex =\r\n        0;\r\n\r\n\r\n      let autoplayTimer =\r\n        null;\r\n\r\n\r\n      let pointerStartX =\r\n        0;\r\n\r\n\r\n      let pointerStartY =\r\n        0;\r\n\r\n\r\n      \/* =====================================================\r\n         IMAGE LOADER\r\n      ====================================================== *\/\r\n\r\n      function loadSlideImage(index) {\r\n\r\n        const slide =\r\n          slides[index];\r\n\r\n\r\n        if (!slide) {\r\n          return;\r\n        }\r\n\r\n\r\n        const image =\r\n          slide.querySelector(\r\n            '.ig-main-slide__image'\r\n          );\r\n\r\n\r\n        if (!image) {\r\n          return;\r\n        }\r\n\r\n\r\n        const deferredSource =\r\n          image.getAttribute(\r\n            'data-src'\r\n          );\r\n\r\n\r\n        if (\r\n          deferredSource\r\n          && ! image.getAttribute('src')\r\n        ) {\r\n\r\n\r\n          image.addEventListener(\r\n            'load',\r\n            function () {\r\n\r\n              image.classList.add(\r\n                'is-loaded'\r\n              );\r\n\r\n            },\r\n            {\r\n              once: true\r\n            }\r\n          );\r\n\r\n\r\n          image.setAttribute(\r\n            'src',\r\n            deferredSource\r\n          );\r\n\r\n\r\n          image.removeAttribute(\r\n            'data-src'\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n          image.complete\r\n          && image.naturalWidth > 0\r\n        ) {\r\n\r\n          image.classList.add(\r\n            'is-loaded'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         PROGRESS\r\n      ====================================================== *\/\r\n\r\n      function restartProgress() {\r\n\r\n        slider.classList.remove(\r\n          'is-playing'\r\n        );\r\n\r\n\r\n        void slider.offsetWidth;\r\n\r\n\r\n        if (\r\n          ! prefersReducedMotion\r\n        ) {\r\n\r\n          slider.classList.add(\r\n            'is-playing'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         SHOW SLIDE\r\n      ====================================================== *\/\r\n\r\n      function showSlide(index) {\r\n\r\n\r\n        currentIndex =\r\n          (\r\n            index\r\n            + slides.length\r\n          )\r\n          % slides.length;\r\n\r\n\r\n        slides.forEach(\r\n          function (\r\n            slide,\r\n            slideIndex\r\n          ) {\r\n\r\n            const isActive =\r\n              slideIndex\r\n              === currentIndex;\r\n\r\n\r\n            slide.classList.toggle(\r\n              'is-active',\r\n              isActive\r\n            );\r\n\r\n\r\n            slide.setAttribute(\r\n              'aria-hidden',\r\n              isActive\r\n                ? 'false'\r\n                : 'true'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        dots.forEach(\r\n          function (\r\n            dot,\r\n            dotIndex\r\n          ) {\r\n\r\n            const isActive =\r\n              dotIndex\r\n              === currentIndex;\r\n\r\n\r\n            dot.classList.toggle(\r\n              'is-active',\r\n              isActive\r\n            );\r\n\r\n\r\n            dot.setAttribute(\r\n              'aria-selected',\r\n              isActive\r\n                ? 'true'\r\n                : 'false'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        \/* Current image *\/\r\n\r\n        loadSlideImage(\r\n          currentIndex\r\n        );\r\n\r\n\r\n        \/*\r\n         * Preload next slide only after\r\n         * the current one is ready.\r\n         *\/\r\n\r\n        const nextIndex =\r\n          (\r\n            currentIndex + 1\r\n          )\r\n          % slides.length;\r\n\r\n\r\n        window.setTimeout(\r\n          function () {\r\n\r\n            loadSlideImage(\r\n              nextIndex\r\n            );\r\n\r\n          },\r\n          3500\r\n        );\r\n\r\n\r\n        restartProgress();\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         AUTOPLAY\r\n      ====================================================== *\/\r\n\r\n      function stopAutoplay() {\r\n\r\n        if (\r\n          autoplayTimer\r\n        ) {\r\n\r\n          window.clearInterval(\r\n            autoplayTimer\r\n          );\r\n\r\n        }\r\n\r\n\r\n        autoplayTimer =\r\n          null;\r\n\r\n\r\n        slider.classList.remove(\r\n          'is-playing'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      function startAutoplay() {\r\n\r\n        stopAutoplay();\r\n\r\n\r\n        if (\r\n          prefersReducedMotion\r\n          || slides.length < 2\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        restartProgress();\r\n\r\n\r\n        autoplayTimer =\r\n          window.setInterval(\r\n            function () {\r\n\r\n              showSlide(\r\n                currentIndex + 1\r\n              );\r\n\r\n            },\r\n            delay\r\n          );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         DOT EVENTS\r\n      ====================================================== *\/\r\n\r\n      dots.forEach(\r\n        function (\r\n          dot,\r\n          index\r\n        ) {\r\n\r\n          dot.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n              showSlide(\r\n                index\r\n              );\r\n\r\n              startAutoplay();\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         DESKTOP PAUSE\r\n      ====================================================== *\/\r\n\r\n      slider.addEventListener(\r\n        'mouseenter',\r\n        stopAutoplay\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        'mouseleave',\r\n        startAutoplay\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        'focusin',\r\n        stopAutoplay\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        'focusout',\r\n        startAutoplay\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         SWIPE\r\n      ====================================================== *\/\r\n\r\n      slider.addEventListener(\r\n        'pointerdown',\r\n        function (event) {\r\n\r\n          pointerStartX =\r\n            event.clientX;\r\n\r\n\r\n          pointerStartY =\r\n            event.clientY;\r\n\r\n        },\r\n        {\r\n          passive: true\r\n        }\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        'pointerup',\r\n        function (event) {\r\n\r\n\r\n          const distanceX =\r\n            event.clientX\r\n            - pointerStartX;\r\n\r\n\r\n          const distanceY =\r\n            event.clientY\r\n            - pointerStartY;\r\n\r\n\r\n          if (\r\n            Math.abs(distanceX) < 45\r\n            ||\r\n            Math.abs(distanceX)\r\n            <\r\n            Math.abs(distanceY)\r\n          ) {\r\n\r\n            return;\r\n\r\n          }\r\n\r\n\r\n          if (\r\n            distanceX > 0\r\n          ) {\r\n\r\n            showSlide(\r\n              currentIndex + 1\r\n            );\r\n\r\n          }\r\n\r\n          else {\r\n\r\n            showSlide(\r\n              currentIndex - 1\r\n            );\r\n\r\n          }\r\n\r\n\r\n          startAutoplay();\r\n\r\n        },\r\n        {\r\n          passive: true\r\n        }\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         VISIBILITY\r\n      ====================================================== *\/\r\n\r\n      document.addEventListener(\r\n        'visibilitychange',\r\n        function () {\r\n\r\n          if (\r\n            document.hidden\r\n          ) {\r\n\r\n            stopAutoplay();\r\n\r\n          }\r\n\r\n          else {\r\n\r\n            startAutoplay();\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         INITIALIZE\r\n      ====================================================== *\/\r\n\r\n      loadSlideImage(0);\r\n\r\n      showSlide(0);\r\n\r\n      startAutoplay();\r\n\r\n\r\n    }\r\n  );\r\n\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-5740992 e-con-full ig-best-section e-flex e-con e-parent\" data-id=\"5740992\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-910e6f3 elementor-widget elementor-widget-html\" data-id=\"910e6f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ig-best-header\" dir=\"rtl\">\r\n  <div>\r\n    <span class=\"ig-best-label\">\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/span>\r\n    <h2>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u064b\u0627<\/h2>\r\n  <\/div>\r\n\r\n  <a href=\"\/shop\/\" class=\"ig-best-all\">\r\n    \u0639\u0631\u0636 \u0643\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n    <span aria-hidden=\"true\">\u2190<\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-539559f elementor-widget elementor-widget-shortcode\" data-id=\"539559f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-5 ig-best-products\"><ul class=\"products columns-5\">\n<li class=\"product type-product post-2493 status-publish first instock product_cat-power-bank has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/icon-gifts.store\/en\/product\/%d8%a8%d8%a7%d9%88%d8%b1-%d8%a8%d9%86%d9%83-5000mah\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"420\" height=\"341\" src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-420x341.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh\" srcset=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-420x341.webp 420w, https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-394x320.webp 394w, https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d.webp 720w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><h2 class=\"woocommerce-loop-product__title\">\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>1.600,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">EGP<\/span><\/bdi><\/span><\/span>\n<\/a><a href=\"\/en\/wp-json\/wp\/v2\/pages\/35?add-to-cart=2493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2493\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2493\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2493\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-308cd3b e-con-full e-flex e-con e-parent\" data-id=\"308cd3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f92a23 elementor-widget elementor-widget-html\" data-id=\"1f92a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ICON GIFTS \u2014 PRODUCT CATEGORIES\r\n     CLEAN \/ RTL \/ GREEN IDENTITY\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"ig-categories\"\r\n  dir=\"rtl\"\r\n  aria-labelledby=\"ig-categories-title\"\r\n>\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"ig-categories__header\">\r\n\r\n    <div>\r\n\r\n      <span class=\"ig-categories__eyebrow\">\r\n        \u062a\u0633\u0648\u0642 \u062d\u0633\u0628 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\r\n      <\/span>\r\n\r\n      <h2 id=\"ig-categories-title\">\r\n        \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0627\u062a\u0646\u0627\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      class=\"ig-categories__all\"\r\n      href=\"https:\/\/icon-gifts.store\/%d8%a7%d9%84%d9%85%d8%aa%d8%ac%d8%b1\/\"\r\n    >\r\n      \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n\r\n      <span aria-hidden=\"true\">\r\n        \u2190\r\n      <\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       GRID\r\n  ====================================================== -->\r\n\r\n  <div class=\"ig-categories__grid\">\r\n\r\n\r\n    <!-- =================================================\r\n         BAGS & TRAVEL\r\n    ================================================== -->\r\n\r\n    <a\r\n      class=\"ig-category-card ig-category-card--large\"\r\n      href=\"\/product-category\/bags-travel\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0627\u0644\u0634\u0646\u0637 \u0648\u0627\u0644\u0633\u0641\u0631\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-category-bags.webp\"\r\n        alt=\"\u0634\u0646\u0637 \u0648\u0647\u062f\u0627\u064a\u0627 \u0633\u0641\u0631 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\"\r\n        width=\"640\"\r\n        height=\"420\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <span\r\n        class=\"ig-category-card__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n      <span class=\"ig-category-card__content\">\r\n\r\n        <span class=\"ig-category-card__number\">\r\n          01\r\n        <\/span>\r\n\r\n\r\n        <span class=\"ig-category-card__text\">\r\n\r\n          <strong>\r\n            \u0627\u0644\u0634\u0646\u0637 \u0648\u0627\u0644\u0633\u0641\u0631\r\n          <\/strong>\r\n\r\n          <small>\r\n            \u0634\u0646\u0637 \u0639\u0645\u0644\u064a\u0629 \u0648\u0647\u062f\u0627\u064a\u0627 \u0633\u0641\u0631 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u064a\u0635\r\n          <\/small>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span\r\n          class=\"ig-category-card__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =================================================\r\n         DRINKWARE\r\n    ================================================== -->\r\n\r\n    <a\r\n      class=\"ig-category-card ig-category-card--small\"\r\n      href=\"\/product-category\/drinkware\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-category-drinkware.webp\"\r\n        alt=\"\u0623\u0643\u0648\u0627\u0628 \u0648\u0632\u062c\u0627\u062c\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0643\u0647\u062f\u0627\u064a\u0627 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\"\r\n        width=\"640\"\r\n        height=\"420\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <span\r\n        class=\"ig-category-card__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n      <span class=\"ig-category-card__content\">\r\n\r\n        <span class=\"ig-category-card__number\">\r\n          02\r\n        <\/span>\r\n\r\n\r\n        <span class=\"ig-category-card__text\">\r\n\r\n          <strong>\r\n            \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a\r\n          <\/strong>\r\n\r\n          <small>\r\n            \u062e\u064a\u0627\u0631\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0639\u0645\u0644\u064a\u0629 \u062a\u062d\u0645\u0644 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n          <\/small>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span\r\n          class=\"ig-category-card__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =================================================\r\n         TECHNOLOGY\r\n    ================================================== -->\r\n\r\n    <a\r\n      class=\"ig-category-card ig-category-card--small\"\r\n      href=\"\/product-category\/technology-gifts\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-category-tech.webp\"\r\n        alt=\"\u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0648\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\"\r\n        width=\"640\"\r\n        height=\"420\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <span\r\n        class=\"ig-category-card__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n      <span class=\"ig-category-card__content\">\r\n\r\n        <span class=\"ig-category-card__number\">\r\n          03\r\n        <\/span>\r\n\r\n\r\n        <span class=\"ig-category-card__text\">\r\n\r\n          <strong>\r\n            \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\r\n          <\/strong>\r\n\r\n          <small>\r\n            \u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0639\u0635\u0631\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\r\n          <\/small>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span\r\n          class=\"ig-category-card__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =================================================\r\n         OFFICE & WORK\r\n    ================================================== -->\r\n\r\n    <a\r\n      class=\"ig-category-card ig-category-card--large\"\r\n      href=\"\/product-category\/office-work\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0639\u0645\u0644\"\r\n    >\r\n\r\n      <img loading=\"lazy\"\r\n        src=\"http:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-category-office.webp\"\r\n        alt=\"\u0623\u062f\u0648\u0627\u062a \u0645\u0643\u062a\u0628\u064a\u0629 \u0648\u0647\u062f\u0627\u064a\u0627 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\"\r\n        width=\"640\"\r\n        height=\"420\"\r\n        loading=\"lazy\"\r\n        fetchpriority=\"low\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <span\r\n        class=\"ig-category-card__overlay\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n      <span class=\"ig-category-card__content\">\r\n\r\n        <span class=\"ig-category-card__number\">\r\n          04\r\n        <\/span>\r\n\r\n\r\n        <span class=\"ig-category-card__text\">\r\n\r\n          <strong>\r\n            \u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0639\u0645\u0644\r\n          <\/strong>\r\n\r\n          <small>\r\n            \u062f\u0641\u0627\u062a\u0631 \u0648\u0623\u0642\u0644\u0627\u0645 \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0645\u0643\u062a\u0628\u064a\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\r\n          <\/small>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span\r\n          class=\"ig-category-card__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ICON GIFTS \u2014 PRODUCT CATEGORIES\r\n========================================================= *\/\r\n\r\n.ig-categories,\r\n.ig-categories * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.ig-categories {\r\n\r\n  --ig-green: #00563E;\r\n  --ig-green-dark: #004533;\r\n  --ig-green-light: #78B7A3;\r\n\r\n  --ig-black: #111111;\r\n  --ig-white: #FFFFFF;\r\n\r\n  --ig-soft: #F1F6F4;\r\n  --ig-border: #DDE7E3;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    90px 38px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    var(--ig-soft);\r\n\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif;\r\n}\r\n\r\n\r\n.ig-categories a,\r\n.ig-categories span,\r\n.ig-categories strong,\r\n.ig-categories small,\r\n.ig-categories h2 {\r\n\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.ig-categories__header {\r\n\r\n  width:\r\n    min(\r\n      1440px,\r\n      100%\r\n    );\r\n\r\n  display: flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin:\r\n    0 auto 35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.ig-categories__eyebrow {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom:\r\n    10px;\r\n\r\n  color:\r\n    var(--ig-green);\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.ig-categories__eyebrow::before {\r\n\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  background:\r\n    var(--ig-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ig-categories__header h2 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--ig-black);\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      3.4vw,\r\n      54px\r\n    );\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.15;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL\r\n========================================================= *\/\r\n\r\n.ig-categories__all {\r\n\r\n  min-height:\r\n    48px;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap: 12px;\r\n\r\n  padding:\r\n    12px 21px;\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-black);\r\n\r\n  border:\r\n    1px solid\r\n    var(--ig-black);\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  white-space:\r\n    nowrap;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-categories__all:hover {\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-green);\r\n\r\n  border-color:\r\n    var(--ig-green);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n.ig-categories__all span {\r\n\r\n  font-size:\r\n    19px;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-categories__all:hover span {\r\n\r\n  transform:\r\n    translateX(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.ig-categories__grid {\r\n\r\n  width:\r\n    min(\r\n      1440px,\r\n      100%\r\n    );\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      12,\r\n      minmax(0,1fr)\r\n    );\r\n\r\n  grid-auto-rows:\r\n    355px;\r\n\r\n  gap: 14px;\r\n\r\n  margin:\r\n    0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.ig-category-card {\r\n\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n\r\n  display: block;\r\n\r\n  overflow: hidden;\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    #183129;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n\r\n.ig-category-card--large {\r\n\r\n  grid-column:\r\n    span 7;\r\n}\r\n\r\n\r\n.ig-category-card--small {\r\n\r\n  grid-column:\r\n    span 5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ig-category-card img {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  width:\r\n    100% !important;\r\n\r\n  max-width:\r\n    none !important;\r\n\r\n  height:\r\n    100% !important;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  object-position:\r\n    center;\r\n\r\n  transform:\r\n    scale(1.01);\r\n\r\n  transition:\r\n    transform .7s\r\n      cubic-bezier(.2,.7,.2,1),\r\n    filter .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER IMAGE\r\n========================================================= *\/\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-category-card:hover img {\r\n\r\n    filter:\r\n      saturate(.92);\r\n\r\n    transform:\r\n      scale(1.065);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ig-category-card__overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(0,45,33,.84) 0%,\r\n      rgba(0,30,22,.33) 47%,\r\n      rgba(0,0,0,.05) 80%\r\n    );\r\n\r\n  transition:\r\n    background .35s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-category-card:hover\r\n  .ig-category-card__overlay {\r\n\r\n    background:\r\n\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(0,55,40,.91) 0%,\r\n        rgba(0,38,28,.47) 52%,\r\n        rgba(0,0,0,.08) 82%\r\n      );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ACCENT\r\n========================================================= *\/\r\n\r\n.ig-category-card::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  z-index: 5;\r\n\r\n  width: 0;\r\n  height: 4px;\r\n\r\n  background:\r\n    var(--ig-green);\r\n\r\n  transition:\r\n    width .45s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-category-card:hover::after {\r\n\r\n    width:\r\n      100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.ig-category-card__content {\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n\r\n  z-index: 4;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto 1fr auto;\r\n\r\n  align-items:\r\n    end;\r\n\r\n  gap: 17px;\r\n\r\n  padding:\r\n    30px 32px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.ig-category-card__number {\r\n\r\n  align-self:\r\n    start;\r\n\r\n  color:\r\n    var(--ig-green-light);\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.ig-category-card__text {\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap: 7px;\r\n}\r\n\r\n\r\n.ig-category-card__text strong {\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  font-size:\r\n    clamp(\r\n      26px,\r\n      2.4vw,\r\n      38px\r\n    );\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.15;\r\n}\r\n\r\n\r\n.ig-category-card__text small {\r\n\r\n  max-width:\r\n    350px;\r\n\r\n  color:\r\n    rgba(255,255,255,.76);\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.6;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(8px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-category-card:hover\r\n  .ig-category-card__text small {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.ig-category-card__arrow {\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.50);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  font-size:\r\n    21px;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateX(9px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .3s ease,\r\n    color .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-category-card:hover\r\n  .ig-category-card__arrow {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateX(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ig-categories {\r\n\r\n    padding:\r\n      70px 22px;\r\n  }\r\n\r\n\r\n  .ig-categories__grid {\r\n\r\n    grid-auto-rows:\r\n      310px;\r\n  }\r\n\r\n\r\n  .ig-category-card__content {\r\n\r\n    padding:\r\n      24px;\r\n  }\r\n\r\n\r\n  .ig-category-card__text small,\r\n  .ig-category-card__arrow {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ig-categories {\r\n\r\n    padding:\r\n      55px 0;\r\n  }\r\n\r\n\r\n  \/* Header *\/\r\n\r\n  .ig-categories__header {\r\n\r\n    align-items:\r\n      center;\r\n\r\n    padding:\r\n      0 17px;\r\n\r\n    margin-bottom:\r\n      24px;\r\n  }\r\n\r\n\r\n  .ig-categories__header h2 {\r\n\r\n    font-size:\r\n      32px;\r\n  }\r\n\r\n\r\n  .ig-categories__eyebrow {\r\n\r\n    font-size:\r\n      12px;\r\n  }\r\n\r\n\r\n  \/* View all *\/\r\n\r\n  .ig-categories__all {\r\n\r\n    min-height:\r\n      42px;\r\n\r\n    padding:\r\n      9px 13px;\r\n\r\n    font-size:\r\n      12px;\r\n  }\r\n\r\n\r\n  .ig-categories__all span {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  \/* Horizontal Cards *\/\r\n\r\n  .ig-categories__grid {\r\n\r\n    display: flex;\r\n\r\n    gap: 12px;\r\n\r\n    overflow-x: auto;\r\n\r\n    padding:\r\n      0 17px 17px;\r\n\r\n    scroll-padding-inline:\r\n      17px;\r\n\r\n    scroll-snap-type:\r\n      x mandatory;\r\n\r\n    scrollbar-width:\r\n      none;\r\n\r\n    -webkit-overflow-scrolling:\r\n      touch;\r\n  }\r\n\r\n\r\n  .ig-categories__grid::-webkit-scrollbar {\r\n\r\n    display:\r\n      none;\r\n  }\r\n\r\n\r\n  .ig-category-card,\r\n  .ig-category-card--large,\r\n  .ig-category-card--small {\r\n\r\n    flex:\r\n      0 0 84vw;\r\n\r\n    width:\r\n      84vw;\r\n\r\n    height:\r\n      430px;\r\n\r\n    scroll-snap-align:\r\n      start;\r\n  }\r\n\r\n\r\n  \/* Image *\/\r\n\r\n  .ig-category-card img {\r\n\r\n    transform:\r\n      none;\r\n  }\r\n\r\n\r\n  \/* Content *\/\r\n\r\n  .ig-category-card__content {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap: 12px;\r\n\r\n    padding:\r\n      23px 20px;\r\n  }\r\n\r\n\r\n  .ig-category-card__number {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  .ig-category-card__text strong {\r\n\r\n    font-size:\r\n      27px;\r\n  }\r\n\r\n\r\n  .ig-category-card__text small {\r\n\r\n    max-width:\r\n      235px;\r\n\r\n    font-size:\r\n      13px;\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  .ig-category-card__arrow {\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  \/* Green accent always visible *\/\r\n\r\n  .ig-category-card::after {\r\n\r\n    width:\r\n      100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .ig-categories__header {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      flex-start;\r\n  }\r\n\r\n\r\n  .ig-category-card,\r\n  .ig-category-card--large,\r\n  .ig-category-card--small {\r\n\r\n    flex-basis:\r\n      88vw;\r\n\r\n    width:\r\n      88vw;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ig-category-card img,\r\n  .ig-category-card::after,\r\n  .ig-category-card__text small,\r\n  .ig-category-card__arrow,\r\n  .ig-categories__all {\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1d435f e-con-full ig-new-arrivals e-flex e-con e-parent\" data-id=\"a1d435f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7ab67e elementor-widget elementor-widget-html\" data-id=\"b7ab67e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ig-new-arrivals__header\" dir=\"rtl\">\r\n  <div>\r\n    <span class=\"ig-new-arrivals__label\">\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u064b\u0627<\/span>\r\n    <h2>\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h2>\r\n  <\/div>\r\n\r\n  <a href=\"\/shop\/\" class=\"ig-new-arrivals__all\">\r\n    \u0639\u0631\u0636 \u0643\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n    <span aria-hidden=\"true\">\u2190<\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17d7d87 elementor-widget elementor-widget-shortcode\" data-id=\"17d7d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-3 \"><ul class=\"products columns-3\">\n<li class=\"product type-product post-2493 status-publish first instock product_cat-power-bank has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/icon-gifts.store\/en\/product\/%d8%a8%d8%a7%d9%88%d8%b1-%d8%a8%d9%86%d9%83-5000mah\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"420\" height=\"341\" src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-420x341.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh\" srcset=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-420x341.webp 420w, https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d-394x320.webp 394w, https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/06\/qOjfFRMwa06XBzcGgdLPF1tiFzFGBfcXzxIwXI3d.webp 720w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><h2 class=\"woocommerce-loop-product__title\">\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>1.600,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">EGP<\/span><\/bdi><\/span><\/span>\n<\/a><a href=\"\/en\/wp-json\/wp\/v2\/pages\/35?add-to-cart=2493\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2493\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2493\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;\u0628\u0627\u0648\u0631 \u0628\u0646\u0643 5000mAh&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2493\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ece036a e-con-full e-flex e-con e-parent\" data-id=\"ece036a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29270bd elementor-widget elementor-widget-html\" data-id=\"29270bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ICON GIFTS \u2014 DRINKWARE BANNER\r\n     CLEAN \/ RTL \/ GREEN IDENTITY\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"ig-drink-banner\"\r\n  dir=\"rtl\"\r\n  aria-labelledby=\"ig-drink-banner-title\"\r\n>\r\n\r\n  <img loading=\"lazy\"\r\n    class=\"ig-drink-banner__image\"\r\n    src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-banner.webp\"\r\n    alt=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 Icon Gifts\"\r\n    width=\"1600\"\r\n    height=\"900\"\r\n    loading=\"lazy\"\r\n    fetchpriority=\"low\"\r\n    decoding=\"async\"\r\n  >\r\n\r\n  <div\r\n    class=\"ig-drink-banner__overlay\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"ig-drink-banner__decor\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div class=\"ig-drink-banner__content\">\r\n\r\n    <span class=\"ig-drink-banner__eyebrow\">\r\n      \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a\r\n    <\/span>\r\n\r\n    <h2 id=\"ig-drink-banner-title\">\r\n      \u0647\u062f\u0627\u064a\u0627 \u0639\u0645\u0644\u064a\u0629\r\n      <br>\r\n      <span>\u062a\u0628\u0642\u0649 \u0639\u0644\u0627\u0645\u062a\u0643 \u0641\u064a \u0627\u0644\u0630\u0627\u0643\u0631\u0629<\/span>\r\n    <\/h2>\r\n\r\n    <p>\r\n      \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629\u060c\r\n      \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\u060c\r\n      \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u062e\u0635\u064a\u0635\u0647\u0627 \u0628\u0634\u0639\u0627\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n    <\/p>\r\n\r\n    <div\r\n      class=\"ig-drink-banner__features\"\r\n      aria-label=\"\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\"\r\n    >\r\n      <span>\u0637\u0628\u0627\u0639\u0629 \u0648\u062a\u062e\u0635\u064a\u0635<\/span>\r\n      <span>\u062e\u0627\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n      <span>\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/span>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"ig-drink-banner__button\"\r\n      href=\"\/product-category\/drinkware\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0643\u0648\u0627\u0628 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u0627\u062a\"\r\n    >\r\n      \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\r\n\r\n      <svg\r\n        viewBox=\"0 0 24 24\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"ig-drink-banner__number\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    01\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ICON GIFTS \u2014 DRINKWARE BANNER\r\n========================================================= *\/\r\n\r\n.ig-drink-banner,\r\n.ig-drink-banner * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ig-drink-banner {\r\n  --ig-green: #00563E;\r\n  --ig-green-dark: #004533;\r\n  --ig-green-light: #78B7A3;\r\n  --ig-white: #FFFFFF;\r\n  --ig-black: #111111;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  height: 76vh;\r\n  min-height: 610px;\r\n  max-height: 820px;\r\n  overflow: hidden;\r\n\r\n  color: var(--ig-white);\r\n  background: var(--ig-black);\r\n\r\n  font-family: \"Tajawal\", sans-serif;\r\n  isolation: isolate;\r\n}\r\n\r\n.ig-drink-banner h2,\r\n.ig-drink-banner p,\r\n.ig-drink-banner span,\r\n.ig-drink-banner a {\r\n  font-family: \"Tajawal\", sans-serif !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__image {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  height: 100% !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  transform: scale(1.01);\r\n\r\n  transition:\r\n    transform .9s cubic-bezier(.2,.7,.2,1),\r\n    filter .45s ease;\r\n}\r\n\r\n@media (hover: hover) {\r\n  .ig-drink-banner:hover .ig-drink-banner__image {\r\n    filter: saturate(.9);\r\n    transform: scale(1.04);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,57,42,.91) 0%,\r\n      rgba(0,45,33,.72) 30%,\r\n      rgba(0,20,15,.34) 56%,\r\n      rgba(0,0,0,.05) 84%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(0,25,18,.48) 0%,\r\n      rgba(0,0,0,0) 48%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GREEN DECOR LINE\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__decor {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 3;\r\n\r\n  width: 5px;\r\n  height: 100%;\r\n\r\n  background: var(--ig-green);\r\n\r\n  transform: scaleY(.3);\r\n  transform-origin: bottom;\r\n\r\n  transition: transform .55s ease;\r\n}\r\n\r\n@media (hover: hover) {\r\n  .ig-drink-banner:hover .ig-drink-banner__decor {\r\n    transform: scaleY(1);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__content {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: clamp(30px, 6vw, 95px);\r\n  z-index: 5;\r\n\r\n  width: min(600px, 44vw);\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: var(--ig-green-light);\r\n\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.ig-drink-banner__eyebrow::before {\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 38px;\r\n  height: 2px;\r\n\r\n  background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ig-drink-banner h2 {\r\n  margin: 0 0 21px;\r\n\r\n  color: var(--ig-white) !important;\r\n\r\n  font-size: clamp(42px, 4.4vw, 72px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  letter-spacing: -1.4px;\r\n}\r\n\r\n.ig-drink-banner h2 span {\r\n  color: var(--ig-green-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ig-drink-banner p {\r\n  width: min(100%, 555px);\r\n\r\n  margin: 0 0 25px;\r\n\r\n  color: rgba(255,255,255,.86) !important;\r\n\r\n  font-size: 17px;\r\n  font-weight: 400;\r\n  line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 11px;\r\n\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.ig-drink-banner__features span {\r\n  position: relative;\r\n\r\n  padding: 8px 27px 8px 14px;\r\n\r\n  border: 1px solid rgba(120,183,163,.35);\r\n\r\n  color: rgba(255,255,255,.9);\r\n\r\n  background: rgba(0,86,62,.16);\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n\r\n  backdrop-filter: blur(5px);\r\n}\r\n\r\n.ig-drink-banner__features span::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 11px;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--ig-green-light);\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__button {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 15px;\r\n\r\n  min-height: 53px;\r\n\r\n  padding: 13px 25px;\r\n\r\n  border: 1px solid var(--ig-green);\r\n\r\n  color: var(--ig-white) !important;\r\n\r\n  background: var(--ig-green);\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.ig-drink-banner__button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  transform: rotate(180deg);\r\n\r\n  transition: transform .25s ease;\r\n}\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-drink-banner__button:hover {\r\n    border-color: var(--ig-white);\r\n\r\n    color: var(--ig-white) !important;\r\n\r\n    background: transparent;\r\n\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ig-drink-banner__button:hover svg {\r\n    transform:\r\n      rotate(180deg)\r\n      translateX(5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.ig-drink-banner__number {\r\n  position: absolute;\r\n  left: 38px;\r\n  bottom: 26px;\r\n  z-index: 5;\r\n\r\n  color: rgba(255,255,255,.25);\r\n\r\n  font-size: 76px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ig-drink-banner {\r\n    height: 68vh;\r\n    min-height: 580px;\r\n  }\r\n\r\n  .ig-drink-banner__content {\r\n    right: 45px;\r\n\r\n    width: min(580px, 58vw);\r\n  }\r\n\r\n  .ig-drink-banner h2 {\r\n    font-size: clamp(40px, 5.5vw, 58px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ig-drink-banner {\r\n    height: 78svh;\r\n    min-height: 630px;\r\n    max-height: 760px;\r\n  }\r\n\r\n  .ig-drink-banner__image {\r\n    object-position: 48% center;\r\n  }\r\n\r\n  .ig-drink-banner__overlay {\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(0,42,31,.96) 0%,\r\n        rgba(0,65,47,.75) 45%,\r\n        rgba(0,20,15,.24) 76%,\r\n        rgba(0,0,0,.04) 100%\r\n      );\r\n  }\r\n\r\n  .ig-drink-banner__decor {\r\n    top: auto;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 100%;\r\n    height: 4px;\r\n\r\n    transform: scaleX(.35);\r\n    transform-origin: right;\r\n  }\r\n\r\n  .ig-drink-banner__content {\r\n    top: auto;\r\n    right: 19px;\r\n    bottom: 48px;\r\n    left: 19px;\r\n\r\n    width: auto;\r\n\r\n    transform: none;\r\n  }\r\n\r\n  .ig-drink-banner__eyebrow {\r\n    margin-bottom: 12px;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ig-drink-banner h2 {\r\n    margin-bottom: 15px;\r\n\r\n    font-size: clamp(34px, 10vw, 45px);\r\n\r\n    line-height: 1.18;\r\n    letter-spacing: -.5px;\r\n  }\r\n\r\n  .ig-drink-banner p {\r\n    display: -webkit-box;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    overflow: hidden;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  .ig-drink-banner__features {\r\n    gap: 7px;\r\n\r\n    margin-bottom: 21px;\r\n  }\r\n\r\n  .ig-drink-banner__features span {\r\n    padding: 7px 23px 7px 10px;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ig-drink-banner__features span::before {\r\n    right: 9px;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  .ig-drink-banner__button {\r\n    min-height: 48px;\r\n\r\n    padding: 11px 19px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ig-drink-banner__number {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .ig-drink-banner {\r\n    min-height: 610px;\r\n  }\r\n\r\n  .ig-drink-banner h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .ig-drink-banner__features span:nth-child(3) {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ig-drink-banner__image,\r\n  .ig-drink-banner__decor,\r\n  .ig-drink-banner__button,\r\n  .ig-drink-banner__button svg {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ad0519 e-con-full ig-last-chance e-flex e-con e-parent\" data-id=\"2ad0519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-817e68f elementor-widget elementor-widget-html\" data-id=\"817e68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ig-last-chance__header\" dir=\"rtl\">\r\n  <div>\r\n    <span class=\"ig-last-chance__label\">\u0623\u0633\u0639\u0627\u0631 \u0645\u0645\u064a\u0632\u0629 \u0644\u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u0648\u062f\u0629<\/span>\r\n    <h2>\u0639\u0631\u0648\u0636 \u0644\u0627 \u062a\u0641\u0648\u0651\u062a<\/h2>\r\n  <\/div>\r\n\r\n  <a href=\"\/shop\/?on_sale=1\" class=\"ig-last-chance__all\">\r\n    \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0631\u0648\u0636\r\n    <span aria-hidden=\"true\">\u2190<\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86528e2 elementor-widget elementor-widget-shortcode\" data-id=\"86528e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed88de5 e-con-full e-flex e-con e-parent\" data-id=\"ed88de5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0879a0c elementor-widget elementor-widget-html\" data-id=\"0879a0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ICON GIFTS \u2014 TECH BANNER\r\n     CLEAN \/ RTL \/ GREEN IDENTITY\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"ig-tech-banner\"\r\n  dir=\"rtl\"\r\n  aria-labelledby=\"ig-tech-title\"\r\n>\r\n\r\n  <img loading=\"lazy\"\r\n  class=\"ig-tech-banner__image\"\r\n  src=\"https:\/\/icon-gifts.store\/wp-content\/uploads\/2026\/08\/icon-gifts-tech-banner-wp-safe.jpg\"\r\n  alt=\"\u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 Icon Gifts\"\r\n  width=\"1280\"\r\n  height=\"720\"\r\n  loading=\"lazy\"\r\n  fetchpriority=\"low\"\r\n  decoding=\"async\"\r\n>\r\n\r\n  <div\r\n    class=\"ig-tech-banner__overlay\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"ig-tech-banner__line\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"ig-tech-banner__content\">\r\n\r\n    <span class=\"ig-tech-banner__eyebrow\">\r\n      \u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\r\n    <\/span>\r\n\r\n\r\n    <h2 id=\"ig-tech-title\">\r\n      \u062a\u0642\u0646\u064a\u0627\u062a \u0630\u0643\u064a\u0629\r\n      <br>\r\n      <span>\u062a\u0628\u0642\u064a \u0639\u0644\u0627\u0645\u062a\u0643 \u0645\u062a\u0635\u0644\u0629<\/span>\r\n    <\/h2>\r\n\r\n\r\n    <p>\r\n      \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0645\u0646 \u0627\u0644\u0634\u0648\u0627\u062d\u0646 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\u0629 \u0648\u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629\u060c\r\n      \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u0647\u062f\u0627\u064a\u0627 \u0639\u0635\u0631\u064a\u0629\r\n      \u062a\u0646\u0627\u0633\u0628 \u0645\u0648\u0638\u0641\u064a\u0643 \u0648\u0639\u0645\u0644\u0627\u0621\u0643.\r\n    <\/p>\r\n\r\n\r\n    <div\r\n      class=\"ig-tech-banner__features\"\r\n      aria-label=\"\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\"\r\n    >\r\n      <span>\u0634\u0648\u0627\u062d\u0646 \u0644\u0627\u0633\u0644\u0643\u064a\u0629<\/span>\r\n      <span>\u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629<\/span>\r\n      <span>\u062a\u062e\u0635\u064a\u0635 \u0628\u0634\u0639\u0627\u0631\u0643<\/span>\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      class=\"ig-tech-banner__button\"\r\n      href=\"\/product-category\/technology-gifts\/\"\r\n      aria-label=\"\u062a\u0635\u0641\u062d \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\"\r\n    >\r\n      <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/span>\r\n\r\n      <svg\r\n        viewBox=\"0 0 24 24\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n\r\n  <span\r\n    class=\"ig-tech-banner__index\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    02\r\n  <\/span>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ICON GIFTS \u2014 TECH BANNER\r\n========================================================= *\/\r\n\r\n.ig-tech-banner,\r\n.ig-tech-banner * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.ig-tech-banner {\r\n\r\n  --ig-green: #00563E;\r\n  --ig-green-dark: #004533;\r\n  --ig-green-light: #78B7A3;\r\n\r\n  --ig-white: #FFFFFF;\r\n  --ig-black: #111111;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 76vh;\r\n  min-height: 610px;\r\n  max-height: 840px;\r\n\r\n  margin: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  color: var(--ig-white);\r\n\r\n  background: var(--ig-black);\r\n\r\n  font-family: \"Tajawal\", sans-serif;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n\r\n.ig-tech-banner h2,\r\n.ig-tech-banner p,\r\n.ig-tech-banner span,\r\n.ig-tech-banner a {\r\n  font-family: \"Tajawal\", sans-serif !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__image {\r\n\r\n  position: absolute !important;\r\n\r\n  inset: 0 !important;\r\n\r\n  z-index: 1;\r\n\r\n  display: block !important;\r\n\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n\r\n  height: 100% !important;\r\n  min-height: 100% !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  object-fit: cover !important;\r\n  object-position: center center;\r\n\r\n  transform: scale(1.01);\r\n\r\n  transition:\r\n    transform .9s cubic-bezier(.2,.7,.2,1),\r\n    filter .45s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-tech-banner:hover\r\n  .ig-tech-banner__image {\r\n\r\n    filter: saturate(.9);\r\n\r\n    transform: scale(1.04);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,57,42,.91) 0%,\r\n      rgba(0,45,33,.72) 29%,\r\n      rgba(0,20,15,.35) 54%,\r\n      rgba(0,0,0,.05) 82%\r\n    ),\r\n\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(0,25,18,.48) 0%,\r\n      rgba(0,0,0,0) 50%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE LINE\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__line {\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  z-index: 4;\r\n\r\n  width: 5px;\r\n  height: 100%;\r\n\r\n  background: var(--ig-green);\r\n\r\n  transform: scaleY(.28);\r\n\r\n  transform-origin: bottom;\r\n\r\n  transition: transform .55s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-tech-banner:hover\r\n  .ig-tech-banner__line {\r\n\r\n    transform: scaleY(1);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__content {\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n\r\n  right: clamp(25px,6vw,100px);\r\n\r\n  z-index: 5;\r\n\r\n  width: min(620px,46vw);\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__eyebrow {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--ig-green-light);\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.ig-tech-banner__eyebrow::before {\r\n\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 38px;\r\n  height: 2px;\r\n\r\n  background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ig-tech-banner h2 {\r\n\r\n  margin: 0 0 21px;\r\n\r\n  color: var(--ig-white) !important;\r\n\r\n  font-size: clamp(42px,4.3vw,72px);\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.13;\r\n\r\n  letter-spacing: -1.3px;\r\n}\r\n\r\n\r\n.ig-tech-banner h2 span {\r\n\r\n  color: var(--ig-green-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ig-tech-banner p {\r\n\r\n  width: min(100%,575px);\r\n\r\n  margin: 0 0 25px;\r\n\r\n  color: rgba(255,255,255,.86) !important;\r\n\r\n  font-size: 17px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__features {\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\r\n.ig-tech-banner__features > span {\r\n\r\n  position: relative;\r\n\r\n  padding: 8px 27px 8px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(120,183,163,.34);\r\n\r\n  color:\r\n    rgba(255,255,255,.9);\r\n\r\n  background:\r\n    rgba(0,86,62,.16);\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 500;\r\n\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n\r\n.ig-tech-banner__features > span::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  right: 11px;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--ig-green-light);\r\n\r\n  transform:\r\n    translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__button {\r\n\r\n  display: inline-flex !important;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 15px;\r\n\r\n  min-height: 53px;\r\n\r\n  padding: 13px 25px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--ig-green) !important;\r\n\r\n  border-radius:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-green) !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 800;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-tech-banner__button svg {\r\n\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transform: rotate(180deg);\r\n\r\n  transition:\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-tech-banner__button:hover {\r\n\r\n    border-color:\r\n      var(--ig-white) !important;\r\n\r\n    color:\r\n      var(--ig-white) !important;\r\n\r\n    background:\r\n      transparent !important;\r\n\r\n    transform:\r\n      translateY(-3px);\r\n  }\r\n\r\n\r\n  .ig-tech-banner__button:hover svg {\r\n\r\n    transform:\r\n      rotate(180deg)\r\n      translateX(5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE NUMBER\r\n========================================================= *\/\r\n\r\n.ig-tech-banner__index {\r\n\r\n  position: absolute;\r\n\r\n  bottom: 28px;\r\n  left: 38px;\r\n\r\n  z-index: 5;\r\n\r\n  color:\r\n    rgba(120,183,163,.34);\r\n\r\n  font-size: 76px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ig-tech-banner {\r\n\r\n    height: 68vh;\r\n\r\n    min-height: 580px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__content {\r\n\r\n    right: 42px;\r\n\r\n    width: min(590px,60vw);\r\n  }\r\n\r\n\r\n  .ig-tech-banner h2 {\r\n\r\n    font-size:\r\n      clamp(40px,5.5vw,58px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ig-tech-banner {\r\n\r\n    height: 78svh;\r\n\r\n    min-height: 630px;\r\n\r\n    max-height: 760px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__image {\r\n\r\n    object-position:\r\n      52% center !important;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__overlay {\r\n\r\n    background:\r\n\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(0,42,31,.96) 0%,\r\n        rgba(0,65,47,.75) 45%,\r\n        rgba(0,20,15,.24) 75%,\r\n        rgba(0,0,0,.04) 100%\r\n      );\r\n  }\r\n\r\n\r\n  .ig-tech-banner__line {\r\n\r\n    top: auto;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 4px;\r\n\r\n    transform:\r\n      scaleX(.35);\r\n\r\n    transform-origin:\r\n      right;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__content {\r\n\r\n    top: auto;\r\n\r\n    right: 19px;\r\n\r\n    bottom: 46px;\r\n\r\n    left: 19px;\r\n\r\n    width: auto;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__eyebrow {\r\n\r\n    margin-bottom: 11px;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner h2 {\r\n\r\n    margin-bottom: 14px;\r\n\r\n    font-size:\r\n      clamp(33px,9.5vw,44px);\r\n\r\n    line-height: 1.18;\r\n\r\n    letter-spacing: -.5px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner p {\r\n\r\n    display: -webkit-box;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    overflow: hidden;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n\r\n    -webkit-line-clamp: 3;\r\n\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__features {\r\n\r\n    gap: 7px;\r\n\r\n    margin-bottom: 21px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__features > span {\r\n\r\n    padding:\r\n      7px 23px 7px 10px;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__features > span::before {\r\n\r\n    right: 9px;\r\n\r\n    width: 6px;\r\n\r\n    height: 6px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__button {\r\n\r\n    min-height: 48px;\r\n\r\n    padding:\r\n      11px 19px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__index {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .ig-tech-banner {\r\n\r\n    min-height: 610px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner h2 {\r\n\r\n    font-size: 31px;\r\n  }\r\n\r\n\r\n  .ig-tech-banner__features\r\n  > span:nth-child(3) {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ig-tech-banner__image,\r\n  .ig-tech-banner__line,\r\n  .ig-tech-banner__button,\r\n  .ig-tech-banner__button svg {\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-731a999 e-con-full e-flex e-con e-parent\" data-id=\"731a999\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8a4523 elementor-widget elementor-widget-html\" data-id=\"f8a4523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ICON GIFTS \u2014 FINAL CTA\r\n     CLEAN \/ RTL \/ GREEN IDENTITY\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"ig-final-cta\"\r\n  dir=\"rtl\"\r\n  aria-labelledby=\"ig-final-cta-title\"\r\n>\r\n\r\n  <!-- Decorative Background -->\r\n  <div\r\n    class=\"ig-final-cta__glow ig-final-cta__glow--one\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"ig-final-cta__glow ig-final-cta__glow--two\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"ig-final-cta__pattern\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"ig-final-cta__inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"ig-final-cta__content\">\r\n\r\n      <span class=\"ig-final-cta__label\">\r\n        \u0627\u0628\u062f\u0623 \u0647\u062f\u064a\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0645\u0639\u0646\u0627\r\n      <\/span>\r\n\r\n\r\n      <h2 id=\"ig-final-cta-title\">\r\n        \u0643\u0644 \u0647\u062f\u064a\u0629 \u062a\u062d\u0643\u064a \u0642\u0635\u0629\r\n        <span>\u062e\u0644\u0651\u064a \u0642\u0635\u062a\u0643 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n        \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062d\u062a\u0649 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641\u060c \u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062c\u0647\u064a\u0632\r\n        \u0647\u062f\u0627\u064a\u0627 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u0628\u0651\u0631 \u0639\u0646 \u0647\u0648\u064a\u0629 \u0634\u0631\u0643\u062a\u0643 \u0648\u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627\r\n        \u0644\u062f\u0649 \u0645\u0648\u0638\u0641\u064a\u0643 \u0648\u0639\u0645\u0644\u0627\u0626\u0643.\r\n      <\/p>\r\n\r\n\r\n      <!-- Benefits -->\r\n      <div\r\n        class=\"ig-final-cta__benefits\"\r\n        aria-label=\"\u0645\u0645\u064a\u0632\u0627\u062a \u062e\u062f\u0645\u0627\u062a Icon Gifts\"\r\n      >\r\n\r\n        <span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12.5l4 4L19 7\"\/>\r\n          <\/svg>\r\n\r\n          \u062a\u062e\u0635\u064a\u0635 \u0643\u0627\u0645\u0644 \u0628\u0634\u0639\u0627\u0631\u0643\r\n        <\/span>\r\n\r\n\r\n        <span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12.5l4 4L19 7\"\/>\r\n          <\/svg>\r\n\r\n          \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643\r\n        <\/span>\r\n\r\n\r\n        <span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12.5l4 4L19 7\"\/>\r\n          <\/svg>\r\n\r\n          \u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Actions -->\r\n      <div class=\"ig-final-cta__actions\">\r\n\r\n        <a\r\n          class=\"ig-final-cta__button ig-final-cta__button--primary\"\r\n          href=\"\/\u0637\u0644\u0628-\u0639\u0631\u0636-\u0633\u0639\u0631\/\"\r\n          aria-label=\"\u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635 \u0644\u0634\u0631\u0643\u062a\u0643\"\r\n        >\r\n\r\n          <span>\r\n            \u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631\r\n          <\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"ig-final-cta__button ig-final-cta__button--secondary\"\r\n          href=\"\/\u0627\u0644\u0645\u062a\u062c\u0631\/\"\r\n          aria-label=\"\u062a\u0635\u0641\u062d \u062c\u0645\u064a\u0639 \u0645\u0646\u062a\u062c\u0627\u062a Icon Gifts\"\r\n        >\r\n\r\n          <span>\r\n            \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n          <\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISUAL\r\n    ====================================================== -->\r\n\r\n    <div\r\n      class=\"ig-final-cta__visual\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <div\r\n        class=\"ig-final-cta__card ig-final-cta__card--back\"\r\n      >\r\n        <span>\r\n          \u0647\u062f\u0627\u064a\u0627\r\n        <\/span>\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"ig-final-cta__card ig-final-cta__card--front\"\r\n      >\r\n\r\n        <div class=\"ig-final-cta__logo-mark\">\r\n          IG\r\n        <\/div>\r\n\r\n        <strong>\r\n          ICON GIFTS\r\n        <\/strong>\r\n\r\n        <small>\r\n          \u0647\u062f\u0627\u064a\u0627 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627\r\n        <\/small>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ig-final-cta__badge\">\r\n\r\n        <strong>\r\n          \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n        <\/strong>\r\n\r\n        <span>\r\n          \u0645\u0646\u062a\u062c \u00b7 \u0637\u0628\u0627\u0639\u0629 \u00b7 \u062a\u063a\u0644\u064a\u0641\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ICON GIFTS \u2014 FINAL CTA\r\n========================================================= *\/\r\n\r\n.ig-final-cta,\r\n.ig-final-cta * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.ig-final-cta {\r\n\r\n  --ig-green: #00563E;\r\n  --ig-green-dark: #004533;\r\n  --ig-green-light: #78B7A3;\r\n\r\n  --ig-soft: #F1F6F4;\r\n  --ig-border: #DDE7E3;\r\n\r\n  --ig-black: #111111;\r\n  --ig-text: #343434;\r\n  --ig-muted: #5D6864;\r\n  --ig-white: #FFFFFF;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 580px;\r\n\r\n  padding:\r\n    90px 40px;\r\n\r\n  overflow: hidden;\r\n\r\n  color:\r\n    var(--ig-black);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 15%,\r\n      rgba(0,86,62,.15),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      var(--ig-white) 0%,\r\n      var(--ig-soft) 100%\r\n    );\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--ig-border);\r\n\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n\r\n.ig-final-cta h2,\r\n.ig-final-cta p,\r\n.ig-final-cta span,\r\n.ig-final-cta strong,\r\n.ig-final-cta small,\r\n.ig-final-cta a {\r\n\r\n  font-family:\r\n    \"Tajawal\",\r\n    sans-serif !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER BORDER\r\n========================================================= *\/\r\n\r\n.ig-final-cta::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 18px;\r\n\r\n  z-index: 0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(0,86,62,.20);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP ACCENT\r\n========================================================= *\/\r\n\r\n.ig-final-cta::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  height: 4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--ig-green),\r\n      transparent\r\n    );\r\n\r\n  background-size:\r\n    200% 100%;\r\n\r\n  animation:\r\n    igCtaShine 6s\r\n    linear infinite;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n.ig-final-cta__glow {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.ig-final-cta__glow--one {\r\n\r\n  top: -250px;\r\n  right: -180px;\r\n\r\n  width: 570px;\r\n  height: 570px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(0,86,62,.18) 0%,\r\n      rgba(0,86,62,0) 70%\r\n    );\r\n}\r\n\r\n\r\n.ig-final-cta__glow--two {\r\n\r\n  bottom: -300px;\r\n  left: -170px;\r\n\r\n  width: 620px;\r\n  height: 620px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(0,69,51,.10) 0%,\r\n      rgba(0,69,51,0) 70%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE DOTS\r\n========================================================= *\/\r\n\r\n.ig-final-cta__pattern {\r\n\r\n  position: absolute;\r\n\r\n  top: 28px;\r\n  left: 35px;\r\n\r\n  z-index: 1;\r\n\r\n  display: flex;\r\n\r\n  gap: 9px;\r\n\r\n  opacity: .7;\r\n}\r\n\r\n\r\n.ig-final-cta__pattern span {\r\n\r\n  display: block;\r\n\r\n  width: 6px;\r\n  height: 6px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--ig-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.ig-final-cta__inner {\r\n\r\n  position: relative;\r\n\r\n  z-index: 4;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(390px,.85fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 80px;\r\n\r\n  width:\r\n    min(\r\n      1380px,\r\n      100%\r\n    );\r\n\r\n  min-height: 400px;\r\n\r\n  margin:\r\n    0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ig-final-cta__content {\r\n\r\n  max-width:\r\n    760px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.ig-final-cta__label {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-bottom:\r\n    19px;\r\n\r\n  color:\r\n    var(--ig-green);\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    700;\r\n}\r\n\r\n\r\n.ig-final-cta__label::before {\r\n\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 40px;\r\n  height: 2px;\r\n\r\n  background:\r\n    currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ig-final-cta h2 {\r\n\r\n  margin:\r\n    0 0 22px;\r\n\r\n  color:\r\n    var(--ig-black) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      5vw,\r\n      76px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    1.1;\r\n\r\n  letter-spacing:\r\n    -1.8px;\r\n}\r\n\r\n\r\n.ig-final-cta h2 span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 7px;\r\n\r\n  color:\r\n    var(--ig-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ig-final-cta__content > p {\r\n\r\n  max-width:\r\n    680px;\r\n\r\n  margin:\r\n    0 0 27px;\r\n\r\n  color:\r\n    var(--ig-muted) !important;\r\n\r\n  font-size:\r\n    17px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n.ig-final-cta__benefits {\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap:\r\n    11px 22px;\r\n\r\n  margin-bottom:\r\n    33px;\r\n}\r\n\r\n\r\n.ig-final-cta__benefits > span {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap: 8px;\r\n\r\n  color:\r\n    var(--ig-text);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    500;\r\n}\r\n\r\n\r\n.ig-final-cta__benefits svg {\r\n\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  padding: 3px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    var(--ig-white);\r\n\r\n  stroke-width:\r\n    2.2;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n  background:\r\n    var(--ig-green);\r\n\r\n  flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.ig-final-cta__actions {\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n\r\n.ig-final-cta__button {\r\n\r\n  display:\r\n    inline-flex !important;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  gap: 14px;\r\n\r\n  min-height:\r\n    55px;\r\n\r\n  padding:\r\n    13px 25px;\r\n\r\n  border:\r\n    1px solid transparent;\r\n\r\n  border-radius:\r\n    0 !important;\r\n\r\n  box-shadow:\r\n    none;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size:\r\n    16px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n.ig-final-cta__button svg {\r\n\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width:\r\n    1.8;\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n  transform:\r\n    rotate(180deg);\r\n\r\n  transition:\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n\/* Primary *\/\r\n\r\n.ig-final-cta__button--primary {\r\n\r\n  border-color:\r\n    var(--ig-green);\r\n\r\n  color:\r\n    var(--ig-white) !important;\r\n\r\n  background:\r\n    var(--ig-green);\r\n}\r\n\r\n\r\n\/* Secondary *\/\r\n\r\n.ig-final-cta__button--secondary {\r\n\r\n  border-color:\r\n    var(--ig-black);\r\n\r\n  color:\r\n    var(--ig-black) !important;\r\n\r\n  background:\r\n    transparent;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-final-cta__button:hover {\r\n\r\n    transform:\r\n      translateY(-3px);\r\n  }\r\n\r\n\r\n  .ig-final-cta__button:hover svg {\r\n\r\n    transform:\r\n      rotate(180deg)\r\n      translateX(5px);\r\n  }\r\n\r\n\r\n  .ig-final-cta__button--primary:hover {\r\n\r\n    border-color:\r\n      var(--ig-green-dark);\r\n\r\n    color:\r\n      var(--ig-white) !important;\r\n\r\n    background:\r\n      var(--ig-green-dark);\r\n  }\r\n\r\n\r\n  .ig-final-cta__button--secondary:hover {\r\n\r\n    border-color:\r\n      var(--ig-black);\r\n\r\n    color:\r\n      var(--ig-white) !important;\r\n\r\n    background:\r\n      var(--ig-black);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n.ig-final-cta__visual {\r\n\r\n  position: relative;\r\n\r\n  min-height:\r\n    390px;\r\n\r\n  perspective:\r\n    1000px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n.ig-final-cta__card {\r\n\r\n  position: absolute;\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* Back Card *\/\r\n\r\n.ig-final-cta__card--back {\r\n\r\n  top: 25px;\r\n  right: 55px;\r\n\r\n  width: 310px;\r\n  height: 305px;\r\n\r\n  padding: 35px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(0,86,62,.24);\r\n\r\n  color:\r\n    rgba(0,86,62,.25);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(0,86,62,.12),\r\n      rgba(255,255,255,.82)\r\n    ),\r\n    #EAF2EF;\r\n\r\n  box-shadow:\r\n    0 30px 70px\r\n    rgba(0,86,62,.11);\r\n\r\n  font-size:\r\n    85px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  transform:\r\n    rotate(7deg);\r\n}\r\n\r\n\r\n\/* Front Card *\/\r\n\r\n.ig-final-cta__card--front {\r\n\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  width: 315px;\r\n  height: 305px;\r\n\r\n  padding: 40px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(0,86,62,.32);\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #087454 0%,\r\n      var(--ig-green) 55%,\r\n      var(--ig-green-dark) 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 75px\r\n    rgba(0,86,62,.23);\r\n\r\n  transform:\r\n    rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO MARK\r\n========================================================= *\/\r\n\r\n.ig-final-cta__logo-mark {\r\n\r\n  display: grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  width: 75px;\r\n  height: 75px;\r\n\r\n  margin-bottom:\r\n    24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.40);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  font-size:\r\n    23px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.ig-final-cta__card--front strong {\r\n\r\n  margin-bottom:\r\n    7px;\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  font-size:\r\n    28px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1px;\r\n}\r\n\r\n\r\n.ig-final-cta__card--front small {\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.ig-final-cta__badge {\r\n\r\n  position: absolute;\r\n\r\n  right: -25px;\r\n  bottom: 28px;\r\n\r\n  z-index: 5;\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap: 3px;\r\n\r\n  padding:\r\n    14px 18px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(0,86,62,.48);\r\n\r\n  color:\r\n    var(--ig-white);\r\n\r\n  background:\r\n    rgba(17,17,17,.94);\r\n\r\n  box-shadow:\r\n    0 15px 40px\r\n    rgba(0,0,0,.20);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n}\r\n\r\n\r\n.ig-final-cta__badge strong {\r\n\r\n  color:\r\n    var(--ig-green-light);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.ig-final-cta__badge span {\r\n\r\n  color:\r\n    rgba(255,255,255,.70);\r\n\r\n  font-size:\r\n    11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENTRANCE ANIMATION\r\n========================================================= *\/\r\n\r\n.ig-final-cta__label,\r\n.ig-final-cta h2,\r\n.ig-final-cta__content > p,\r\n.ig-final-cta__benefits,\r\n.ig-final-cta__actions {\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(28px);\r\n\r\n  transition:\r\n    opacity .7s\r\n      cubic-bezier(.2,.7,.2,1),\r\n    transform .7s\r\n      cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.ig-final-cta__visual {\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateX(-40px)\r\n    scale(.96);\r\n\r\n  transition:\r\n    opacity .85s\r\n      cubic-bezier(.2,.7,.2,1),\r\n    transform .85s\r\n      cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n\/* Visible *\/\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__label {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n  transition-delay:\r\n    .06s;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible h2 {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n  transition-delay:\r\n    .14s;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__content > p {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n  transition-delay:\r\n    .22s;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__benefits {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n  transition-delay:\r\n    .30s;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__actions {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n  transition-delay:\r\n    .38s;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__visual {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateX(0)\r\n    scale(1);\r\n\r\n  transition-delay:\r\n    .20s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE CARD MOTION\r\n========================================================= *\/\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__card--front {\r\n\r\n  animation:\r\n    igCtaFloatFront\r\n    5.5s\r\n    ease-in-out\r\n    1s\r\n    infinite;\r\n}\r\n\r\n\r\n.ig-final-cta.is-visible\r\n.ig-final-cta__card--back {\r\n\r\n  animation:\r\n    igCtaFloatBack\r\n    6.5s\r\n    ease-in-out\r\n    1.2s\r\n    infinite;\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n  .ig-final-cta:hover\r\n  .ig-final-cta__card--front {\r\n\r\n    animation-play-state:\r\n      paused;\r\n\r\n    transform:\r\n      rotate(-1deg)\r\n      translateY(-8px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes igCtaFloatFront {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      rotate(-4deg)\r\n      translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      rotate(-2deg)\r\n      translateY(-10px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes igCtaFloatBack {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      rotate(7deg)\r\n      translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      rotate(5deg)\r\n      translateY(7px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes igCtaShine {\r\n\r\n  from {\r\n    background-position:\r\n      200% 0;\r\n  }\r\n\r\n  to {\r\n    background-position:\r\n      -200% 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .ig-final-cta {\r\n\r\n    padding:\r\n      75px 28px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__inner {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      330px;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n\r\n  .ig-final-cta h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        40px,\r\n        5.5vw,\r\n        58px\r\n      );\r\n  }\r\n\r\n\r\n  .ig-final-cta.is-visible\r\n  .ig-final-cta__visual {\r\n\r\n    transform:\r\n      scale(.88);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ig-final-cta {\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      70px 19px 65px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 80% 10%,\r\n        rgba(0,86,62,.13),\r\n        transparent 35%\r\n      ),\r\n      var(--ig-white);\r\n  }\r\n\r\n\r\n  .ig-final-cta::before {\r\n\r\n    inset: 9px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__inner {\r\n\r\n    display: flex;\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    gap: 48px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__content {\r\n\r\n    width: 100%;\r\n\r\n    text-align:\r\n      center;\r\n  }\r\n\r\n\r\n  .ig-final-cta__label {\r\n\r\n    justify-content:\r\n      center;\r\n\r\n    margin-bottom:\r\n      14px;\r\n\r\n    font-size:\r\n      12px;\r\n  }\r\n\r\n\r\n  .ig-final-cta h2 {\r\n\r\n    margin-bottom:\r\n      17px;\r\n\r\n    font-size:\r\n      clamp(\r\n        34px,\r\n        10vw,\r\n        46px\r\n      );\r\n\r\n    line-height:\r\n      1.16;\r\n\r\n    letter-spacing:\r\n      -.6px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__content > p {\r\n\r\n    margin-bottom:\r\n      23px;\r\n\r\n    font-size:\r\n      14px;\r\n\r\n    line-height:\r\n      1.8;\r\n  }\r\n\r\n\r\n  .ig-final-cta__benefits {\r\n\r\n    justify-content:\r\n      center;\r\n\r\n    gap:\r\n      10px 16px;\r\n\r\n    margin-bottom:\r\n      27px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__benefits > span {\r\n\r\n    font-size:\r\n      11px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__actions {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    gap: 10px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__button {\r\n\r\n    min-height:\r\n      50px;\r\n\r\n    padding:\r\n      11px 13px;\r\n\r\n    font-size:\r\n      13px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__button svg {\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__visual {\r\n\r\n    width: 320px;\r\n\r\n    min-height:\r\n      335px;\r\n\r\n    margin:\r\n      0 auto;\r\n\r\n    transform:\r\n      translateY(30px)\r\n      scale(.88);\r\n\r\n    transform-origin:\r\n      center top;\r\n  }\r\n\r\n\r\n  .ig-final-cta.is-visible\r\n  .ig-final-cta__visual {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0)\r\n      scale(.88);\r\n  }\r\n\r\n\r\n  .ig-final-cta__card--back {\r\n\r\n    right: 40px;\r\n  }\r\n\r\n\r\n  .ig-final-cta__card--front {\r\n\r\n    right: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .ig-final-cta__actions {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  .ig-final-cta__visual {\r\n\r\n    width:\r\n      290px;\r\n\r\n    transform:\r\n      translateY(30px)\r\n      scale(.78);\r\n  }\r\n\r\n\r\n  .ig-final-cta.is-visible\r\n  .ig-final-cta__visual {\r\n\r\n    transform:\r\n      translateY(0)\r\n      scale(.78);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ig-final-cta::after {\r\n\r\n    animation:\r\n      none !important;\r\n  }\r\n\r\n\r\n  .ig-final-cta__label,\r\n  .ig-final-cta h2,\r\n  .ig-final-cta__content > p,\r\n  .ig-final-cta__benefits,\r\n  .ig-final-cta__actions,\r\n  .ig-final-cta__visual {\r\n\r\n    opacity:\r\n      1 !important;\r\n\r\n    transform:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n\r\n  .ig-final-cta__card--front,\r\n  .ig-final-cta__card--back {\r\n\r\n    animation:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const sections =\r\n    document.querySelectorAll(\r\n      '.ig-final-cta:not([data-animation-ready])'\r\n    );\r\n\r\n\r\n  if (!sections.length) {\r\n    return;\r\n  }\r\n\r\n\r\n  const prefersReducedMotion =\r\n    window.matchMedia(\r\n      '(prefers-reduced-motion: reduce)'\r\n    ).matches;\r\n\r\n\r\n  sections.forEach(\r\n    function (section) {\r\n\r\n      section.setAttribute(\r\n        'data-animation-ready',\r\n        'true'\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  if (\r\n    prefersReducedMotion\r\n    ||\r\n    !('IntersectionObserver' in window)\r\n  ) {\r\n\r\n    sections.forEach(\r\n      function (section) {\r\n\r\n        section.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n    return;\r\n  }\r\n\r\n\r\n  const observer =\r\n    new IntersectionObserver(\r\n\r\n      function (\r\n        entries,\r\n        currentObserver\r\n      ) {\r\n\r\n        entries.forEach(\r\n          function (entry) {\r\n\r\n            if (\r\n              !entry.isIntersecting\r\n            ) {\r\n              return;\r\n            }\r\n\r\n\r\n            entry.target.classList.add(\r\n              'is-visible'\r\n            );\r\n\r\n\r\n            currentObserver.unobserve(\r\n              entry.target\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      },\r\n\r\n      {\r\n        threshold: .16\r\n      }\r\n\r\n    );\r\n\r\n\r\n  sections.forEach(\r\n    function (section) {\r\n\r\n      observer.observe(\r\n        section\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\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>\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0647\u062f\u0627\u064a\u0627 \u062a\u0642\u0646\u064a\u0629 \u0630\u0643\u064a\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0639\u0635\u0631\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0637\u0628\u0627\u0639\u0629 \u0634\u0639\u0627\u0631 \u0634\u0631\u0643\u062a\u0643 \u0648\u062a\u062c\u0647\u064a\u0632 \u0647\u062f\u0627\u064a\u0627 \u0645\u0645\u064a\u0632\u0629 \u0644\u0645\u0648\u0638\u0641\u064a\u0643 \u0648\u0639\u0645\u0644\u0627\u0626\u0643. \u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0647\u062f\u064a\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0635\u064a\u0641\u064a\u0629 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a\u0643 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u0643 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0635\u064a\u0641\u064a\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0648\u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\u0629\u060c \u0645\u0639 \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u0627\u0643\u062a\u0634\u0641 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0628\u0648\u0643\u0633\u0627\u062a \u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u062a\u063a\u0644\u064a\u0641 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":134,"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":3004,"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/pages\/35\/revisions\/3004"}],"wp:attachment":[{"href":"https:\/\/icon-gifts.store\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}