{"id":25,"date":"2026-08-25T10:53:24","date_gmt":"2026-08-25T10:53:24","guid":{"rendered":"https:\/\/goldenflower.ir\/?page_id=25"},"modified":"2026-08-26T16:17:11","modified_gmt":"2026-08-26T12:47:11","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c","status":"publish","type":"page","link":"https:\/\/goldenflower.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bbcb50 e-con-full e-flex e-con e-parent\" data-id=\"2bbcb50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15ec840 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"15ec840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \ud83c\udfac FULLY RESPONSIVE VIDEO HERO\n     Video adapts to ALL screen sizes\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section \n  id=\"hero-video\" \n  class=\"gf-video-hero\"\n  style=\"\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    max-height: 900px;\n    overflow: hidden;\n    background: #0a0a0a;\n    margin: 0;\n    padding: 0;\n  \"\n>\n  \n  <!-- Video Container with Aspect Ratio -->\n  <div \n    class=\"video-container\"\n    style=\"\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    \"\n  >\n    \n    <!-- Responsive Video Element -->\n    <video \n      id=\"bg-video\"\n      class=\"hero-video\"\n      autoplay \n      muted \n      loop \n      playsinline\n      preload=\"auto\"\n      poster=\"https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webp\"\n      style=\"\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        min-width: 100%;\n        min-height: 100%;\n        width: auto;\n        height: auto;\n        max-width: none;\n        object-fit: cover;\n        object-position: center center;\n        z-index: 1;\n      \"\n    >\n      <source \n        src=\"https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.mp4\" \n        type=\"video\/mp4\"\n        media=\"all and (min-width: 768px)\"\n      >\n      <source \n        src=\"https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower-mobile.mp4\" \n        type=\"video\/mp4\"\n        media=\"all and (max-width: 767px)\"\n      >\n      <source \n        src=\"https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webm\" \n        type=\"video\/webm\"\n      >\n      \n      <!-- Fallback Image -->\n      <img decoding=\"async\" \n        src=\"https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webp\" \n        alt=\"Golden Flower\"\n        loading=\"eager\"\n        style=\"\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center;\n        \"\n      >\n    <\/video>\n  \n  <\/div>\n\n  <!-- Subtle Overlay -->\n  <div \n    class=\"video-overlay\"\n    style=\"\n      position: absolute;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.1);\n      z-index: 2;\n      pointer-events: none;\n    \"\n  ><\/div>\n\n  <!-- Scroll Indicator -->\n  <a \n    href=\"#content\"\n    class=\"scroll-indicator\"\n    aria-label=\"\u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646\"\n    style=\"\n      position: absolute;\n      bottom: 24px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 3;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n      text-decoration: none;\n      opacity: 0.6;\n      transition: opacity 0.3s ease;\n    \"\n  >\n    <span style=\"\n      font-size: 10px;\n      color: #D4AF37;\n      font-family: 'Vazirmatn', Tahoma, sans-serif;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n    \">\u0627\u0633\u06a9\u0631\u0648\u0644<\/span>\n    <div style=\"\n      width: 1px;\n      height: 40px;\n      background: linear-gradient(to bottom, #D4AF37, transparent);\n      animation: scroll-line 2s ease-in-out infinite;\n    \"><\/div>\n  <\/a>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \ud83c\udfa8 ADVANCED RESPONSIVE STYLES\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500\u2500 Reset & Base \u2500\u2500\u2500 *\/\n.gf-video-hero,\n.gf-video-hero * {\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box;\n}\n\n.video-container {\n  display: block;\n}\n\n\/* \u2500\u2500\u2500 Scroll Animation \u2500\u2500\u2500 *\/\n@keyframes scroll-line {\n  0% { transform: scaleY(0); transform-origin: top; }\n  50% { transform: scaleY(1); transform-origin: top; }\n  51% { transform: scaleY(1); transform-origin: bottom; }\n  100% { transform: scaleY(0); transform-origin: bottom; }\n}\n\n.scroll-indicator:hover {\n  opacity: 1 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udcf1 MOBILE FIRST RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 Extra Small Mobile (0 - 374px) \u2500\u2500\u2500 *\/\n@media (max-width: 374px) {\n  #hero-video {\n    height: 50vh !important;\n    max-height: 400px !important;\n    min-height: 280px !important;\n  }\n  \n  .hero-video {\n    \/* Portrait video \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0648\u0686\u06a9 *\/\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center 35% !important; \/* \u0641\u0648\u06a9\u0648\u0633 \u0631\u0648\u06cc \u0628\u0627\u0644\u0627\u06cc \u0648\u06cc\u062f\u06cc\u0648 *\/\n  }\n  \n  .scroll-indicator span {\n    display: none;\n  }\n  \n  .scroll-indicator div {\n    height: 24px !important;\n  }\n  \n  .video-overlay {\n    background: rgba(0, 0, 0, 0.15) !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Small Mobile (375px - 479px) \u2500\u2500\u2500 *\/\n@media (min-width: 375px) and (max-width: 479px) {\n  #hero-video {\n    height: 55vh !important;\n    max-height: 500px !important;\n    min-height: 350px !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center 40% !important;\n  }\n  \n  .scroll-indicator {\n    bottom: 16px !important;\n  }\n  \n  .scroll-indicator span {\n    font-size: 8px !important;\n  }\n  \n  .scroll-indicator div {\n    height: 28px !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Medium Mobile (480px - 599px) \u2500\u2500\u2500 *\/\n@media (min-width: 480px) and (max-width: 599px) {\n  #hero-video {\n    height: 60vh !important;\n    max-height: 550px !important;\n    min-height: 400px !important;\n  }\n  \n  .hero-video {\n    width: auto !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n  \n  .scroll-indicator span {\n    font-size: 9px !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Large Mobile (600px - 767px) \u2500\u2500\u2500 *\/\n@media (min-width: 600px) and (max-width: 767px) {\n  #hero-video {\n    height: 65vh !important;\n    max-height: 600px !important;\n    min-height: 450px !important;\n  }\n  \n  .hero-video {\n    width: auto !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n  \n  .video-overlay {\n    background: rgba(0, 0, 0, 0.12) !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Tablet Portrait (768px - 1023px) \u2500\u2500\u2500 *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  #hero-video {\n    height: 70vh !important;\n    max-height: 700px !important;\n    min-height: 500px !important;\n  }\n  \n  .hero-video {\n    width: auto !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n  \n  .scroll-indicator {\n    bottom: 20px !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Tablet Landscape \/ Small Desktop (1024px - 1279px) \u2500\u2500\u2500 *\/\n@media (min-width: 1024px) and (max-width: 1279px) {\n  #hero-video {\n    height: 80vh !important;\n    max-height: 800px !important;\n  }\n  \n  .hero-video {\n    width: auto !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Desktop (1280px - 1439px) \u2500\u2500\u2500 *\/\n@media (min-width: 1280px) and (max-width: 1439px) {\n  #hero-video {\n    height: 85vh !important;\n    max-height: 850px !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Large Desktop (1440px - 1919px) \u2500\u2500\u2500 *\/\n@media (min-width: 1440px) and (max-width: 1919px) {\n  #hero-video {\n    height: 90vh !important;\n    max-height: 900px !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Extra Large Desktop (1920px+) \u2500\u2500\u2500 *\/\n@media (min-width: 1920px) {\n  #hero-video {\n    height: 95vh !important;\n    max-height: 1080px !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udd04 ORIENTATION RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 Mobile Landscape \u2500\u2500\u2500 *\/\n@media (max-width: 900px) and (orientation: landscape) {\n  #hero-video {\n    height: 100vh !important;\n    max-height: none !important;\n    min-height: 100vh !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center 45% !important; \/* \u062a\u0646\u0638\u06cc\u0645 \u0628\u0631\u0627\u06cc landscape *\/\n  }\n  \n  .scroll-indicator {\n    display: none !important;\n  }\n  \n  .video-overlay {\n    background: rgba(0, 0, 0, 0.2) !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Tablet Portrait \u2500\u2500\u2500 *\/\n@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n  #hero-video {\n    height: 65vh !important;\n  }\n  \n  .hero-video {\n    width: auto !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Tablet Landscape \u2500\u2500\u2500 *\/\n@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n  #hero-video {\n    height: 85vh !important;\n  }\n  \n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udcd0 ASPECT RATIO ADJUSTMENTS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 Ultra Wide (21:9) \u2500\u2500\u2500 *\/\n@media (min-aspect-ratio: 21\/9) {\n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Standard Wide (16:9) \u2500\u2500\u2500 *\/\n@media (min-aspect-ratio: 16\/9) and (max-aspect-ratio: 21\/9) {\n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Square\/Tall Screens (9:16 \u0648 \u06a9\u0645\u062a\u0631) \u2500\u2500\u2500 *\/\n@media (max-aspect-ratio: 9\/16) {\n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center 40% !important;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udcf1 DEVICE-SPECIFIC FIXES\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 iPhone 14 Pro Max (430x932) \u2500\u2500\u2500 *\/\n@media only screen \n  and (device-width: 430px) \n  and (device-height: 932px) \n  and (-webkit-device-pixel-ratio: 3) {\n  #hero-video {\n    height: 58vh !important;\n  }\n  \n  .hero-video {\n    object-position: center 38% !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 iPhone 14 Pro (393x852) \u2500\u2500\u2500 *\/\n@media only screen \n  and (device-width: 393px) \n  and (device-height: 852px) \n  and (-webkit-device-pixel-ratio: 3) {\n  #hero-video {\n    height: 56vh !important;\n  }\n  \n  .hero-video {\n    object-position: center 40% !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 iPhone SE 2022 (375x667) \u2500\u2500\u2500 *\/\n@media only screen \n  and (device-width: 375px) \n  and (device-height: 667px) \n  and (-webkit-device-pixel-ratio: 2) {\n  #hero-video {\n    height: 52vh !important;\n  }\n  \n  .hero-video {\n    object-position: center 42% !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Samsung Galaxy S23\/S22 (360-412px) \u2500\u2500\u2500 *\/\n@media only screen \n  and (min-device-width: 360px) \n  and (max-device-width: 412px) {\n  #hero-video {\n    height: 54vh !important;\n  }\n  \n  .hero-video {\n    object-position: center 40% !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 iPad Pro 12.9\" \u2500\u2500\u2500 *\/\n@media only screen \n  and (device-width: 1024px) \n  and (device-height: 1366px) \n  and (-webkit-device-pixel-ratio: 2) {\n  .hero-video {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 100% !important;\n    object-position: center center !important;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83c\udfaf SAFARI iOS SPECIFIC FIXES\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n@supports (-webkit-touch-callout: none) {\n  \/* Safari iOS *\/\n  .hero-video {\n    -webkit-transform: translate(-50%, -50%) !important;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n  }\n  \n  @media (max-width: 767px) {\n    .hero-video {\n      width: 100% !important;\n      height: auto !important;\n      min-height: 100% !important;\n    }\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u26a1 PERFORMANCE OPTIMIZATIONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 GPU Acceleration \u2500\u2500\u2500 *\/\n.hero-video {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  will-change: transform;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-perspective: 1000;\n  perspective: 1000;\n}\n\n\/* \u2500\u2500\u2500 Reduce Motion \u2500\u2500\u2500 *\/\n@media (prefers-reduced-motion: reduce) {\n  .scroll-indicator div {\n    animation: none !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Low Data Mode \u2500\u2500\u2500 *\/\n@media (prefers-reduced-data: reduce) {\n  .hero-video {\n    display: none !important;\n  }\n  \n  #hero-video {\n    background-image: url('https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webp') !important;\n    background-size: cover !important;\n    background-position: center !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 Slow Connection Detection \u2500\u2500\u2500 *\/\n@media (max-width: 767px) and (prefers-reduced-data: reduce) {\n  .video-container {\n    background-image: url('https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webp');\n    background-size: cover;\n    background-position: center;\n  }\n  \n  .hero-video {\n    display: none;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udd12 PREVENT LAYOUT SHIFT (CLS)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.video-container::before {\n  content: '';\n  display: block;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9 *\/\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n@media (max-width: 767px) {\n  .video-container::before {\n    padding-top: 177.78%; \/* 9:16 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83c\udfa8 SMOOTH TRANSITIONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.hero-video,\n#hero-video,\n.video-container {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\uddbc\ufe0f IMAGE FALLBACK STYLING\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.hero-video img {\n  display: none;\n}\n\n.hero-video:not([src]) img,\n.no-video .hero-video img {\n  display: block !important;\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \ud83d\udcf1 SMART VIDEO CONTROL SCRIPT\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n  'use strict';\n  \n  const video = document.getElementById('bg-video');\n  const videoContainer = document.querySelector('.video-container');\n  \n  \/\/ Device & Connection Detection\n  const isMobile = \/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent);\n  const screenWidth = window.innerWidth;\n  const isSlowConnection = navigator.connection && \n    (navigator.connection.effectiveType === 'slow-2g' || \n     navigator.connection.effectiveType === '2g' || \n     navigator.connection.effectiveType === '3g' ||\n     navigator.connection.saveData === true);\n  \n  \/\/ Responsive Video Sizing\n  function adjustVideoSize() {\n    const containerWidth = videoContainer.offsetWidth;\n    const containerHeight = videoContainer.offsetHeight;\n    const videoAspect = video.videoWidth \/ video.videoHeight;\n    const containerAspect = containerWidth \/ containerHeight;\n    \n    if (containerAspect > videoAspect) {\n      \/\/ Container is wider\n      video.style.width = '100%';\n      video.style.height = 'auto';\n    } else {\n      \/\/ Container is taller\n      video.style.width = 'auto';\n      video.style.height = '100%';\n    }\n  }\n  \n  \/\/ Call on video load\n  video.addEventListener('loadedmetadata', adjustVideoSize);\n  \n  \/\/ Re-adjust on window resize\n  let resizeTimer;\n  window.addEventListener('resize', function() {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(adjustVideoSize, 250);\n  });\n  \n  \/\/ Mobile Optimization\n  if (isMobile || screenWidth < 768) {\n    \/\/ Lower quality for mobile\n    video.playbackRate = 1.0;\n    \n    \/\/ Stop on slow connection\n    if (isSlowConnection) {\n      video.autoplay = false;\n      video.preload = 'none';\n      video.poster = 'https:\/\/goldenflower.ir\/wp-content\/uploads\/2026\/08\/Goldenflower.webp';\n      videoContainer.classList.add('no-video');\n    }\n  }\n  \n  \/\/ Pause when not visible (Battery Saver)\n  document.addEventListener('visibilitychange', function() {\n    if (document.hidden) {\n      video.pause();\n    } else {\n      if (!isSlowConnection) {\n        video.play().catch(e => console.log('Video play prevented:', e));\n      }\n    }\n  });\n  \n  \/\/ Pause when scrolled out of view\n  if ('IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          video.play().catch(e => console.log('Auto-play prevented'));\n        } else {\n          video.pause();\n        }\n      });\n    }, { threshold: 0.5 });\n    \n    observer.observe(videoContainer);\n  }\n  \n  \/\/ iOS Autoplay Fix\n  if (isMobile) {\n    video.setAttribute('webkit-playsinline', 'true');\n    video.setAttribute('playsinline', 'true');\n    \n    \/\/ Force play on touch\n    document.body.addEventListener('touchstart', function() {\n      if (video.paused && !isSlowConnection) {\n        video.play().catch(e => console.log('Touch play failed'));\n      }\n    }, { once: true });\n  }\n  \n  \/\/ Orientation Change Handler\n  window.addEventListener('orientationchange', function() {\n    setTimeout(adjustVideoSize, 300);\n  });\n  \n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a35b07 e-con-full e-flex e-con e-parent\" data-id=\"4a35b07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8d0b9 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"ad8d0b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \ud83c\udf1f SECTION 1: HERO - Full Screen \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p><section id=\"hero-section\" class=\"gf-hero\" style=\"position: relative; width: 100%; min-height: 100vh; background: linear-gradient(135deg, #0a0a0a 0%, #1a1208 40%, #2d1f00 100%); display: flex; align-items: center; justify-content: center; overflow: hidden;\" aria-label=\"\u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u06af\u0644\u062f\u0646\u200c\u0641\u0644\u0627\u0648\u0631\"><p><!-- Particle Gold Overlay --><\/p><div class=\"gf-hero__overlay\" style=\"position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 50%, rgba(212,175,55,0.12) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(255,215,0,0.08) 0%, transparent 50%); pointer-events: none;\">\u00a0<\/div><p><!-- Gold Line Decorative Top --><\/p><div style=\"position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #D4AF37, #FFD700, #D4AF37, transparent);\" aria-hidden=\"true\">\u00a0<\/div><div class=\"gf-hero__content\" style=\"position: relative; z-index: 2; text-align: center; padding: 80px 40px; max-width: 900px; margin: 0 auto;\"><p><!-- Schema Markup Hidden --><br \/><br \/><\/p><p><!-- Pre-title Badge --><\/p><div class=\"gf-badge\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(212,175,55,0.12); border: 1px solid rgba(212,175,55,0.35); border-radius: 100px; padding: 8px 22px; margin-bottom: 32px;\"><br \/><span style=\"font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 13px; color: #d4af37; letter-spacing: 2px; text-transform: uppercase;\">\u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646 \u062c\u062f\u06cc\u062f \u06f1\u06f4\u06f0\u06f4<\/span><\/div><p><!-- H1 - SEO Optimized --><\/p><h1 style=\"font-family: 'Vazirmatn', 'Playfair Display', serif; font-size: clamp(2.8rem, 6vw, 5.5rem); font-weight: 800; line-height: 1.15; margin: 0 0 24px; background: linear-gradient(135deg, #D4AF37 0%, #FFD700 35%, #FFF8DC 55%, #D4AF37 75%, #B8860B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\u0637\u0644\u0627\u06cc \u0627\u0635\u06cc\u0644\u060c<br \/><span style=\"font-weight: 300; font-style: italic;\">\u062c\u0627\u0648\u062f\u0627\u0646\u0647 \u0686\u0648\u0646 \u0639\u0634\u0642<\/span><\/h1><p><!-- SEO Subtitle - H2 --><\/p><h2 style=\"font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: clamp(1rem, 2vw, 1.3rem); font-weight: 400; color: rgba(255,248,220,0.75); max-width: 600px; margin: 0 auto 48px; line-height: 2;\">\u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627 \u0648 \u062c\u0648\u0627\u0647\u0631\u0627\u062a \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a\u060c \u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0633\u0631\u0627\u0633\u0631 \u0627\u06cc\u0631\u0627\u0646<\/h2><p><!-- CTA Buttons --><\/p><div style=\"display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\"><a style=\"display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #D4AF37, #FFD700, #B8860B); color: #0a0a0a; font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 16px; font-weight: bold; padding: 18px 44px; border-radius: 4px; text-decoration: none; box-shadow: 0 8px 32px rgba(212,175,55,0.4); transition: all 0.3s ease; letter-spacing: 0.5px;\" title=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0637\u0644\u0627 \u0648 \u062c\u0648\u0627\u0647\u0631\" href=\"\/shop\" aria-label=\"\u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u06af\u0644\u062f\u0646\u200c\u0641\u0644\u0627\u0648\u0631\"><br \/><br \/>\u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647<br \/><\/a><p><a style=\"display: inline-flex; align-items: center; gap: 10px; background: transparent; color: #d4af37; font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 16px; font-weight: 600; padding: 17px 44px; border-radius: 4px; text-decoration: none; border: 1.5px solid #D4AF37; transition: all 0.3s ease;\" title=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646\u200c\u0647\u0627\u06cc \u0637\u0644\u0627\" href=\"\/collections\"><br \/>\u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646\u200c\u0647\u0627<br \/><br \/><\/a><\/p><\/div><p><!-- Trust Micro-signals --><\/p><div style=\"display: flex; gap: 32px; justify-content: center; margin-top: 56px; flex-wrap: wrap;\"><div style=\"text-align: center;\"><div style=\"font-size: 1.8rem; font-weight: 800; color: #ffd700; font-family: 'Vazirmatn', Tahoma, sans-serif;\">+\u06f5\u06f0\u06f0\u06f0<\/div><div style=\"font-size: 12px; color: rgba(255,248,220,0.55); font-family: 'Vazirmatn', Tahoma, sans-serif; margin-top: 4px;\">\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc<\/div><\/div><div style=\"width: 1px; background: rgba(212,175,55,0.2);\">\u00a0<\/div><div style=\"text-align: center;\"><div style=\"font-size: 1.8rem; font-weight: 800; color: #ffd700; font-family: 'Vazirmatn', Tahoma, sans-serif;\">\u06f1\u06f2 \u0633\u0627\u0644<\/div><div style=\"font-size: 12px; color: rgba(255,248,220,0.55); font-family: 'Vazirmatn', Tahoma, sans-serif; margin-top: 4px;\">\u0633\u0627\u0628\u0642\u0647 \u062f\u0631\u062e\u0634\u0627\u0646<\/div><\/div><div style=\"width: 1px; background: rgba(212,175,55,0.2);\">\u00a0<\/div><div style=\"text-align: center;\"><div style=\"font-size: 1.8rem; font-weight: 800; color: #ffd700; font-family: 'Vazirmatn', Tahoma, sans-serif;\">\u06f1\u06f0\u06f0\u066a<\/div><div style=\"font-size: 12px; color: rgba(255,248,220,0.55); font-family: 'Vazirmatn', Tahoma, sans-serif; margin-top: 4px;\">\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a<\/div><\/div><\/div><\/div><p><!-- Scroll Indicator --><\/p><div style=\"position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; opacity: 0.5;\" aria-hidden=\"true\"><span style=\"font-size: 11px; color: #d4af37; font-family: 'Vazirmatn', Tahoma, sans-serif; letter-spacing: 2px;\">\u0627\u0633\u06a9\u0631\u0648\u0644<\/span><div style=\"width: 1px; height: 48px; background: linear-gradient(to bottom, #D4AF37, transparent); animation: gf-scrollline 1.5s infinite;\">\u00a0<\/div><\/div><\/section><p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \ud83c\udf1f SECTION 2: MARQUEE - Live Gold Price \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p><section style=\"background: linear-gradient(90deg, #1a1208, #2d1f00, #1a1208); border-top: 1px solid rgba(212,175,55,0.25); border-bottom: 1px solid rgba(212,175,55,0.25); padding: 16px 0; overflow: hidden;\" aria-label=\"\u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0637\u0644\u0627\"><div style=\"display: flex; animation: gf-marquee 30s linear infinite; white-space: nowrap;\"><div style=\"display: flex; gap: 56px; padding: 0 28px; font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 14px; color: rgba(255,248,220,0.8); align-items: center;\"><!-- Items repeated for smooth loop --><br \/>\ud83e\udd47 <strong style=\"color: #ffd700;\">\u0637\u0644\u0627\u06cc \u06f1\u06f8 \u0639\u06cc\u0627\u0631:<\/strong> \u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u2191<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\ud83d\udc8d <strong style=\"color: #ffd700;\">\u0633\u06a9\u0647 \u0628\u0647\u0627\u0631 \u0622\u0632\u0627\u062f\u06cc:<\/strong> \u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\u2728 <strong style=\"color: #ffd700;\">\u0637\u0644\u0627\u06cc \u06f2\u06f4 \u0639\u06cc\u0627\u0631:<\/strong> \u0642\u06cc\u0645\u062a \u062c\u0647\u0627\u0646\u06cc<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\ud83e\ude99 <strong style=\"color: #ffd700;\">\u0646\u06cc\u0645 \u0633\u06a9\u0647:<\/strong> \u0628\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\ud83d\udce6 <strong style=\"color: #4ade80;\">\u0627\u0631\u0633\u0627\u0644 \u0631\u0627\u06cc\u06af\u0627\u0646<\/strong> \u0628\u0631\u0627\u06cc \u062e\u0631\u06cc\u062f \u0628\u0627\u0644\u0627\u06cc \u06f5 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\ud83d\udd12 <strong style=\"color: #ffd700;\">\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a<\/strong> \u062a\u0645\u0627\u0645 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u06af\u0644\u062f\u0646\u200c\u0641\u0644\u0627\u0648\u0631<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/><!-- Duplicate for seamless loop --><br \/>\ud83e\udd47 <strong style=\"color: #ffd700;\">\u0637\u0644\u0627\u06cc \u06f1\u06f8 \u0639\u06cc\u0627\u0631:<\/strong> \u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u2191<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\ud83d\udc8d <strong style=\"color: #ffd700;\">\u0633\u06a9\u0647 \u0628\u0647\u0627\u0631 \u0622\u0632\u0627\u062f\u06cc:<\/strong> \u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc<br \/><span style=\"color: rgba(212,175,55,0.4);\">\u25c6<\/span><br \/>\u2728 <strong style=\"color: #ffd700;\">\u0637\u0644\u0627\u06cc \u06f2\u06f4 \u0639\u06cc\u0627\u0631:<\/strong> \u0642\u06cc\u0645\u062a \u062c\u0647\u0627\u0646\u06cc<\/div><\/div><\/section><p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \ud83c\udf1f SECTION 3: CATEGORIES - Grid Luxury \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p><section id=\"categories\" style=\"background: #0d0d0d; padding: 100px 40px;\" aria-labelledby=\"categories-title\"><div style=\"max-width: 1200px; margin: 0 auto;\"><p><!-- Section Header --><\/p><header style=\"text-align: center; margin-bottom: 64px;\"><p style=\"font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 13px; color: #d4af37; letter-spacing: 4px; text-transform: uppercase; margin: 0 0 16px;\">GOLDEN COLLECTION<\/p><h2 id=\"categories-title\" style=\"font-family: 'Vazirmatn', serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: bold; color: #fff8dc; margin: 0 0 20px; line-height: 1.3;\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/h2><div style=\"width: 80px; height: 2px; background: linear-gradient(90deg, transparent, #D4AF37, transparent); margin: 0 auto;\">\u00a0<\/div><\/header><p><!-- Categories Grid --><\/p><div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px;\" role=\"list\"><p><!-- Category Card Template - Repeated 6x --><br \/><!-- Card 1: \u0627\u0646\u06af\u0634\u062a\u0631 --><\/p><article style=\"position: relative; background: linear-gradient(135deg, #1a1208, #0d0d0d); border: 1px solid rgba(212,175,55,0.2); border-radius: 12px; overflow: hidden; cursor: pointer; transition: all 0.4s ease; group: true;\" role=\"listitem\"><a style=\"display: block; text-decoration: none;\" title=\"\u062e\u0631\u06cc\u062f \u0627\u0646\u06af\u0634\u062a\u0631 \u0637\u0644\u0627\" href=\"\/category\/rings\" aria-label=\"\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0646\u06af\u0634\u062a\u0631 \u0637\u0644\u0627\"><br \/><!-- Image Placeholder with Gradient --><\/a><div style=\"height: 220px; background: linear-gradient(135deg, #2d1f00, #4a3000, #2d1f00); display: flex; align-items: center; justify-content: center; font-size: 72px; position: relative; overflow: hidden;\">\ud83d\udc8d<div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 50% 100%, rgba(212,175,55,0.2), transparent);\">\u00a0<\/div><\/div><div style=\"padding: 24px;\"><h3 style=\"font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 1.2rem; font-weight: bold; color: #fff8dc; margin: 0 0 8px;\">\u0627\u0646\u06af\u0634\u062a\u0631 \u0637\u0644\u0627<\/h3><p>\u00a0<\/p>font-family: &#8216;Vazirmatn&#8217;, Tahoma, sans-serif;<br \/>font-size: 13px;<br \/>color:<\/div><\/article><\/div><\/div><\/section>\t\t\t\t\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>\u0627\u0633\u06a9\u0631\u0648\u0644 \u00a0 \u00a0 \u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646 \u062c\u062f\u06cc\u062f \u06f1\u06f4\u06f0\u06f4 \u0637\u0644\u0627\u06cc \u0627\u0635\u06cc\u0644\u060c\u062c\u0627\u0648\u062f\u0627\u0646\u0647 \u0686\u0648\u0646 \u0639\u0634\u0642 \u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627 \u0648 \u062c\u0648\u0627\u0647\u0631\u0627\u062a \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a\u060c \u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0633\u0631\u0627\u0633\u0631 \u0627\u06cc\u0631\u0627\u0646 \u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646\u200c\u0647\u0627 +\u06f5\u06f0\u06f0\u06f0\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc\u00a0\u06f1\u06f2 \u0633\u0627\u0644\u0633\u0627\u0628\u0642\u0647 \u062f\u0631\u062e\u0634\u0627\u0646\u00a0\u06f1\u06f0\u06f0\u066a\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a \u0627\u0633\u06a9\u0631\u0648\u0644\u00a0 \ud83e\udd47 \u0637\u0644\u0627\u06cc \u06f1\u06f8 \u0639\u06cc\u0627\u0631: \u0642\u06cc\u0645\u062a \u0631\u0648\u0632 \u2191\u25c6\ud83d\udc8d \u0633\u06a9\u0647 \u0628\u0647\u0627\u0631 \u0622\u0632\u0627\u062f\u06cc: \u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc\u25c6\u2728 \u0637\u0644\u0627\u06cc \u06f2\u06f4 \u0639\u06cc\u0627\u0631: \u0642\u06cc\u0645\u062a \u062c\u0647\u0627\u0646\u06cc\u25c6\ud83e\ude99 \u0646\u06cc\u0645 \u0633\u06a9\u0647: \u0628\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldenflower.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":17,"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/goldenflower.ir\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/goldenflower.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}