{"id":28,"date":"2026-03-06T01:41:02","date_gmt":"2026-03-06T01:41:02","guid":{"rendered":"https:\/\/muglina.com\/?page_id=28"},"modified":"2026-08-13T07:20:02","modified_gmt":"2026-08-13T07:20:02","slug":"homepage","status":"publish","type":"page","link":"https:\/\/azulrealesate.com\/b\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d468a31 e-con-full e-flex e-con e-parent\" data-id=\"d468a31\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a869b99 e-con-full e-flex e-con e-child\" data-id=\"a869b99\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30aab56 elementor-widget elementor-widget-html\" data-id=\"30aab56\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================\r\n     Men \/ Women \u53cc\u56fe\uff1aPC\u5e76\u6392 + \u624b\u673a\u6ed1\u52a8\uff08Joyzlia\u7edf\u4e00\u7248\uff09\r\n============================ -->\r\n\r\n<style>\r\n.mw-slider{display:flex;height:600px;overflow:hidden;width:100%}\r\n.mw-slide{flex:1;position:relative;overflow:hidden}\r\n.mw-bg{position:absolute;inset:0;background-size:cover;background-position:center}\r\n.mw-label{position:absolute;left:40px;bottom:40px;color:#fff;z-index:3}\r\n.mw-label h3{font-size:34px;margin-bottom:6px}\r\n.mw-label p{font-size:15px}\r\n.mw-btn{position:absolute;right:40px;bottom:40px;padding:8px 28px;border:1px solid #fff;color:#fff;border-radius:30px;font-size:13px;text-decoration:none;z-index:3}\r\n@media (max-width:767px){\r\n  .mw-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:auto}\r\n  .mw-slide{flex:0 0 100%;height:480px;scroll-snap-align:center}\r\n  .mw-label{left:20px;bottom:20px}\r\n  .mw-label h3{font-size:26px}\r\n  .mw-label p{font-size:13px}\r\n  .mw-btn{right:20px;bottom:20px;padding:6px 20px;font-size:12px}\r\n}\r\n<\/style>\r\n\r\n<div class=\"mw-slider\">\r\n\r\n  <!-- Slide 1 -->\r\n  <div class=\"mw-slide\">\r\n    <div class=\"mw-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/wp-content\/uploads\/sites\/4\/2025\/11\/\u4e0b\u8f7d-scaled.webp');\"><\/div>\r\n\r\n    <div class=\"mw-label\">\r\n      <h3>Men<\/h3>\r\n      <p>Joyzlia Men\u2019s Essentials<br>Hoodies \u00b7 Track Pants<\/p>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/men\/\" class=\"mw-btn\">SHOP MEN<\/a>\r\n  <\/div>\r\n\r\n  <!-- Slide 2 -->\r\n  <div class=\"mw-slide\">\r\n    <div class=\"mw-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/wp-content\/uploads\/sites\/4\/2025\/11\/\u4e0b\u8f7d-1-scaled.webp');\"><\/div>\r\n\r\n    <div class=\"mw-label\">\r\n      <h3>Women<\/h3>\r\n      <p>Joyzlia Women\u2019s Essentials<br>Hoodies \u00b7 Track Pants<\/p>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/womens\/\" class=\"mw-btn\">SHOP WOMEN<\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nconst sliderMW = document.querySelector('.mw-slider');\r\nlet isDownMW = false, startXMW = 0, scrollLeftMW = 0;\r\n\r\nif (sliderMW) {\r\n  sliderMW.addEventListener('mousedown', e => {\r\n    isDownMW = true;\r\n    startXMW = e.pageX - sliderMW.offsetLeft;\r\n    scrollLeftMW = sliderMW.scrollLeft;\r\n  });\r\n\r\n  sliderMW.addEventListener('mouseleave', () => { isDownMW = false; });\r\n  sliderMW.addEventListener('mouseup', () => { isDownMW = false; });\r\n\r\n  sliderMW.addEventListener('mousemove', e => {\r\n    if (!isDownMW) return;\r\n    e.preventDefault();\r\n    const x = e.pageX - sliderMW.offsetLeft;\r\n    sliderMW.scrollLeft = scrollLeftMW - (x - startXMW) * 1.2;\r\n  });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec2c743 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ec2c743\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-118a385 e-con-full e-flex e-con e-child\" data-id=\"118a385\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862ec1f elementor-widget elementor-widget-html\" data-id=\"862ec1f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===============================\r\n   Black Friday Hero \u00b7 \u5b8c\u6574\u6574\u5408\u7248\r\n   \u5de6\u53f3\u80cc\u666f + \u6ed1\u5165\u6587\u5b57 + \u53f3\u4fa7\u6309\u94ae + \u4e2d\u95f4\u4fc3\u9500\u5361\r\n================================ *\/\r\n\/* =====================================================\r\n   \u624b\u673a\u7aef\uff1a\u6240\u6709\u56db\u5217\u6a21\u5757\u7edf\u4e00\u6a2a\u6ed1 + \u6ed1\u8f6e\r\n   \u6a21\u5757\u5305\u62ec\uff1a\r\n   - .asc-promo-grid\uff08Black Friday promo\uff09\r\n   - .cat-grid\uff08\u5206\u7c7b Banner\uff09\r\n   - .featured-grid\uff08Featured products\uff09\r\n===================================================== *\/\r\n.asc-cta-btn {\r\n  color: #ffffff !important; \/* \u6c38\u4e45\u767d\u8272\u6587\u5b57 *\/\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n  \/* \u6240\u6709\u56db\u5217\u6805\u683c \u2192 \u6539\u4e3a\u6a2a\u5411\u6ed1\u52a8 *\/\r\n  .asc-promo-grid,\r\n  .cat-grid,\r\n  .featured-grid {\r\n    display: flex !important;\r\n    overflow-x: auto !important;\r\n    overflow-y: hidden;\r\n    gap: 16px !important;\r\n    padding: 10px 0 6px;\r\n    -webkit-overflow-scrolling: touch;\r\n    scroll-snap-type: x mandatory;\r\n    scrollbar-width: thin;     \/* Firefox *\/\r\n    scrollbar-color: #ccc transparent;\r\n  }\r\n\r\n  \/* \u6eda\u52a8\u6ed1\u8f6e\uff08Chrome \/ Safari\uff09 *\/\r\n  .asc-promo-grid::-webkit-scrollbar,\r\n  .cat-grid::-webkit-scrollbar,\r\n  .featured-grid::-webkit-scrollbar {\r\n    height: 6px; \/* \u6a2a\u5411\u6ed1\u8f6e\u9ad8\u5ea6 *\/\r\n  }\r\n\r\n  .asc-promo-grid::-webkit-scrollbar-track,\r\n  .cat-grid::-webkit-scrollbar-track,\r\n  .featured-grid::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  .asc-promo-grid::-webkit-scrollbar-thumb,\r\n  .cat-grid::-webkit-scrollbar-thumb,\r\n  .featured-grid::-webkit-scrollbar-thumb {\r\n    background: #c9c9c9;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  \/* \u6ed1\u52a8\u5361\u7247\u6bcf\u4e2a\u5bbd\u5ea6 85% *\/\r\n  .asc-promo-card,\r\n  .cat-item,\r\n  .featured-link {\r\n    flex: 0 0 85% !important;\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n  \/* \u5206\u7c7b Banner \u56fe\u7247\u6bd4\u4f8b\u66f4\u9002\u5e94\u624b\u673a *\/\r\n  .cat-item {\r\n    aspect-ratio: 2.2 \/ 3 !important;\r\n  }\r\n\r\n  \/* Featured \u5361\u7247\u9ad8\u5ea6\u7edf\u4e00 *\/\r\n  .featured-card {\r\n    min-height: 420px;\r\n  }\r\n}\r\n\r\n\r\n.bf-hero {\r\n  width: 100%;\r\n  height: 600px;\r\n  display: flex;\r\n  position: relative;\r\n  background: #dcdcdc;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u5de6\u53f3\u533a\u57df *\/\r\n.bf-side {\r\n  flex: 1;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u80cc\u666f\u56fe *\/\r\n.bf-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center top;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n\r\n\/* ======================\r\n   hover \u8499\u5c42\r\n====================== *\/\r\n\r\n.bf-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.25);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.bf-side:hover .bf-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n\/* ======================\r\n   \u4e2d\u95f4\u60ac\u6d6e\u5361\u7247\r\n====================== *\/\r\n\r\n.bf-floating-card {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 330px;\r\n  aspect-ratio: 1 \/ 1;\r\n  background: linear-gradient(135deg, #ff4ba8, #ff2a2a);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  z-index: 5;\r\n}\r\n\r\n.bf-card-inner {\r\n  padding: 28px;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bf-card-top {\r\n  font-size: 12px;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.bf-card-main {\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.bf-card-sub {\r\n  font-size: 23px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.bf-card-note {\r\n  font-size: 11px;\r\n  color: #fff;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.bf-card-btn {\r\n  border: 1.5px solid #fff;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n  font-size: 13px;\r\n}\r\n\r\n\/* ===========================================================\r\n   \u624b\u673a\u7aef\u9002\u914d \u2014 \u5b8c\u6574\u589e\u5f3a\u7248\r\n=========================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .bf-hero {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n\r\n  .bf-side {\r\n    height: 380px;\r\n  }\r\n\r\n  .bf-bg {\r\n    background-position: center;\r\n  }\r\n\r\n  \/* \u4e2d\u95f4\u5361\u7247\u79fb\u5230\u4e0b\u9762 *\/\r\n  .bf-floating-card {\r\n    position: relative;\r\n    transform: none;\r\n    left: auto;\r\n    top: auto;\r\n    margin: -60px auto 30px;\r\n    width: 80%;\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n\r\n  \/* \u624b\u673a\u7981\u6b62 hover \u52a8\u6548 *\/\r\n  .bf-side:hover .bf-bg {\r\n    transform: none;\r\n  }\r\n\r\n  .bf-side:hover .bf-overlay {\r\n    opacity: 0.2;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* ===============================\r\n   Category Grid Banner\r\n================================ *\/\r\n\r\n.cat-section {\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.cat-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;                   \/* \u65e0\u7f1d\u9699 *\/\r\n}\r\n\r\n\/* \u5355\u4e2a\u5361\u7247 *\/\r\n.cat-item {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  aspect-ratio: 3 \/ 4;\r\n  flex: 0 0 auto; \/* \u624b\u673a\u6a2a\u6ed1\u65f6\u751f\u6548 *\/\r\n}\r\n\r\n\/* \u56fe\u7247\u80cc\u666f *\/\r\n.cat-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n\/* \u60ac\u505c\u653e\u5927 *\/\r\n.cat-item:hover .cat-bg {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* \u5de6\u4e0a\u6807\u9898 *\/\r\n.cat-title {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  z-index: 2;\r\n}\r\n\r\n.cat-title span {\r\n  border-bottom: 2px solid #fff;\r\n  padding-bottom: 4px;\r\n}\r\n\r\n\/* \u8986\u76d6\u6574\u4e2a\u5361\u7247\u7684\u70b9\u51fb\u533a\u57df *\/\r\n.cat-link {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 3;\r\n}\r\n\r\n\/* \u5e73\u677f\uff1a2 \u5217 *\/\r\n@media (max-width: 1024px) {\r\n  .cat-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n\/* \u624b\u673a\u7aef\uff1a\u5de6\u53f3\u6ed1\u52a8 *\/\r\n@media (max-width: 600px) {\r\n\r\n  .cat-grid {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    gap: 0;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .cat-item {\r\n    flex: 0 0 85%;\r\n    aspect-ratio: 2.2 \/ 3;\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n  .cat-title {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .cat-item:hover .cat-bg {\r\n    transform: none;\r\n  }\r\n\r\n  .cat-grid::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cat-section\">\r\n  <div class=\"cat-grid\">\r\n\r\n    <!-- T-Shirts -->\r\n    <div class=\"cat-item\">\r\n      <div class=\"cat-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/wp-content\/uploads\/sites\/4\/2025\/12\/ChatGPT-Image-Dec-24-2025-09_56_20-AM.webp');\"><\/div>\r\n      <div class=\"cat-title\"><span>T-Shirts<\/span><\/div>\r\n      <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/men\/mens-t-shirts\/\" class=\"cat-link\"><\/a>\r\n    <\/div>\r\n\r\n    <!-- Headwear -->\r\n    <div class=\"cat-item\">\r\n      <div class=\"cat-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/3.webp');\"><\/div>\r\n      <div class=\"cat-title\"><span>Headwear<\/span><\/div>\r\n      <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/headwear\/\" class=\"cat-link\"><\/a>\r\n    <\/div>\r\n\r\n    <!-- Sweats -->\r\n    <div class=\"cat-item\">\r\n      <div class=\"cat-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/\u4e0b\u8f7d.avif');\"><\/div>\r\n      <div class=\"cat-title\"><span>Sweats<\/span><\/div>\r\n      <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/men\/sweatshirts-men\/\" class=\"cat-link\"><\/a>\r\n    <\/div>\r\n\r\n    <!-- Active -->\r\n    <div class=\"cat-item\">\r\n      <div class=\"cat-bg\" style=\"background-image:url('https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/4-scaled.webp');\"><\/div>\r\n      <div class=\"cat-title\"><span>Active<\/span><\/div>\r\n      <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/mens\/activewear\/\" class=\"cat-link\"><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===============================\r\n   Joyzlia Hero Slider Module\r\n================================ *\/\r\n\r\n.asc-hero-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.asc-hero-header {\r\n  text-align: center;\r\n  padding: 60px 20px 40px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.asc-hero-title {\r\n  font-size: 36px;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.asc-hero-subtitle {\r\n  font-size: 14px;\r\n  color: #999;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.asc-slider-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.asc-slider-track {\r\n  display: flex;\r\n  transition: transform 0.6s ease;\r\n  touch-action: pan-y;\r\n}\r\n\r\n.asc-slide {\r\n  min-width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.asc-slide img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.asc-slide-caption {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.asc-slider-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: rgba(0,0,0,0.6);\r\n  color: #fff;\r\n  font-size: 22px;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.asc-prev { left: 20px; }\r\n.asc-next { right: 20px; }\r\n\r\n@media (max-width: 768px) {\r\n  .asc-hero-title {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .asc-hero-subtitle {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .asc-slide-caption {\r\n    font-size: 10px;\r\n    left: 15px;\r\n    bottom: 15px;\r\n  }\r\n\r\n  .asc-slider-btn {\r\n    width: 34px;\r\n    height: 34px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .asc-prev { left: 10px; }\r\n  .asc-next { right: 10px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"asc-hero-section\">\r\n\r\n  <!-- \u9876\u90e8\u6807\u9898 -->\r\n  <div class=\"asc-hero-header\">\r\n    <div class=\"asc-hero-title\">\r\n      Joyzlia  | Premium Blanks | Built to Last\r\n    <\/div>\r\n    <div class=\"asc-hero-subtitle\">\r\n      THE JOYZLIA IN PREMIUM BLANK APPAREL\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u8f6e\u64ad\u533a\u57df -->\r\n  <div class=\"asc-slider-wrapper\">\r\n\r\n    <!-- \u8f6e\u64ad\u8f68\u9053 -->\r\n    <div class=\"asc-slider-track\" id=\"ascSlider\">\r\n\r\n      <!-- Slide 1\uff08\u5df2\u66ff\u6362\uff09 -->\r\n      <div class=\"asc-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/azulrealesate.com\/wp-content\/uploads\/sites\/4\/2025\/11\/\u4e0b\u8f7d-16-scaled.webp\">\r\n        <div class=\"asc-slide-caption\"> JOYZLIA<\/div>\r\n      <\/div>\r\n\r\n      <!-- Slide 2\uff08\u5df2\u66ff\u6362\uff09 -->\r\n      <div class=\"asc-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/azulrealesate.com\/wp-content\/uploads\/sites\/4\/2025\/11\/1.6-scaled.webp\">\r\n        <div class=\"asc-slide-caption\"> JOYZLIA<\/div>\r\n      <\/div>\r\n\r\n      <!-- Slide 3\uff08\u4fdd\u6301\u539f\u6837\uff09 -->\r\n      <div class=\"asc-slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/\u4e0b\u8f7d5.jpg\">\r\n        <div class=\"asc-slide-caption\"> JOYZLIA<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u5de6\u53f3\u6309\u94ae -->\r\n    <button class=\"asc-slider-btn asc-prev\" onclick=\"prevSlide()\">\u2039<\/button>\r\n    <button class=\"asc-slider-btn asc-next\" onclick=\"nextSlide()\">\u203a<\/button>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* ===========================\r\n   \u8f6e\u64ad\u6838\u5fc3\u903b\u8f91\r\n=========================== *\/\r\n\r\nlet currentIndex = 0;\r\nconst slides = document.querySelectorAll(\".asc-slide\");\r\nconst slider = document.getElementById(\"ascSlider\");\r\nconst totalSlides = slides.length;\r\n\r\nfunction nextSlide() {\r\n  currentIndex++;\r\n  if (currentIndex >= totalSlides) currentIndex = 0;\r\n  updateSlider();\r\n}\r\n\r\nfunction prevSlide() {\r\n  currentIndex--;\r\n  if (currentIndex < 0) currentIndex = totalSlides - 1;\r\n  updateSlider();\r\n}\r\n\r\nfunction updateSlider() {\r\n  slider.style.transform = \"translateX(-\" + currentIndex * 100 + \"%)\";\r\n}\r\n\r\nlet autoPlay = setInterval(nextSlide, 6000);\r\n\r\n\/* \u624b\u673a\u7aef\u624b\u6307\u6ed1\u52a8\u652f\u6301 *\/\r\nlet startX = 0;\r\nlet moveX = 0;\r\nlet isDragging = false;\r\n\r\nslider.addEventListener(\"touchstart\", function(e) {\r\n  startX = e.touches[0].clientX;\r\n  isDragging = true;\r\n  clearInterval(autoPlay);\r\n});\r\n\r\nslider.addEventListener(\"touchmove\", function(e) {\r\n  if (!isDragging) return;\r\n  moveX = e.touches[0].clientX - startX;\r\n  slider.style.transform = \"translateX(calc(\" + (-currentIndex * 100) + \"% + \" + moveX + \"px))\";\r\n});\r\n\r\nslider.addEventListener(\"touchend\", function() {\r\n  isDragging = false;\r\n\r\n  if (Math.abs(moveX) > 60) {\r\n    if (moveX < 0) nextSlide();\r\n    else prevSlide();\r\n  } else {\r\n    updateSlider();\r\n  }\r\n\r\n  moveX = 0;\r\n  autoPlay = setInterval(nextSlide, 6000);\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* ===============================\r\n   Joyzlia Black Friday \u6a21\u5757\r\n================================ *\/\r\n\r\n.asc-promo-section {\r\n  width: 100%;\r\n  padding: 40px 20px;\r\n  background: #fff;\r\n  box-sizing: border-box;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.asc-promo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.asc-promo-card {\r\n  position: relative;\r\n  min-height: 260px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n  display: block;\r\n}\r\n\r\n.asc-card-bags {\r\n  background-image: url(\"https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/HEADWEAR_3-1.jpg\");\r\n}\r\n\r\n.asc-card-print {\r\n  background-image: url(\"https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/HEADWEAR_1.jpg\");\r\n}\r\n\r\n.asc-card-organic {\r\n  background-image: url(\"https:\/\/azulrealesate.com\/b\/wp-content\/uploads\/2025\/11\/or.avif\");\r\n}\r\n\r\n.asc-label {\r\n  position: absolute;\r\n  left: 15px;\r\n  bottom: 15px;\r\n  color: #fff;\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* \u5e73\u677f *\/\r\n@media (max-width: 900px) {\r\n  .asc-promo-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n\/* \u624b\u673a\uff1a\u5355\u5217 *\/\r\n@media (max-width: 500px) {\r\n  .asc-promo-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .asc-promo-card {\r\n    min-height: 320px;\r\n  }\r\n\r\n  .asc-label {\r\n    font-size: 18px;\r\n    bottom: 12px;\r\n    left: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"asc-promo-section\">\r\n  <div class=\"asc-promo-grid\">\r\n\r\n    <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/headwear\/\" class=\"asc-promo-card asc-card-bags\">\r\n      <div class=\"asc-label\">Headwear<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/mens\/activewear\/\" class=\"asc-promo-card asc-card-print\">\r\n      <div class=\"asc-label\">Activewear<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/azulrealesate.com\/b\/product-category\/mens\/organic\/\" class=\"asc-promo-card asc-card-organic\">\r\n      <div class=\"asc-label\">Organic<\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================\r\n   GROW YOUR BUSINESS CTA \u6a21\u5757\r\n============================ -->\r\n\r\n<style>\r\n.asc-cta-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 120px 20px;\r\n  text-align: center;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.asc-cta-top {\r\n  font-size: 13px;\r\n  letter-spacing: 1.5px;\r\n  color: #9a9a9a;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.asc-cta-title {\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n  color: #000000;\r\n  max-width: 760px;\r\n  margin: 0 auto 40px auto;\r\n}\r\n\r\n.asc-cta-btn {\r\n  display: inline-block;\r\n  padding: 14px 34px;\r\n  background: #000000;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.asc-cta-btn:hover {\r\n  background: #222;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .asc-cta-section {\r\n    padding: 80px 16px;\r\n  }\r\n\r\n  .asc-cta-title {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .asc-cta-btn {\r\n    padding: 12px 28px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"asc-cta-section\">\r\n  <div class=\"asc-cta-top\">GROW YOUR BUSINESS<\/div>\r\n  <div class=\"asc-cta-title\">Leverage the power of   apparel today<\/div>\r\n  <a href=\"https:\/\/azulrealesate.com\/b\/my-account\/\" class=\"asc-cta-btn\">Create Account<\/a>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\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>Men Joyzlia Men\u2019s EssentialsHoodies \u00b7 Track Pants SHOP MEN Women Joyzlia Women\u2019s EssentialsHoodies \u00b7 Track Pants SHOP WOMEN T-Shirts Headwear Sweats Active Joyzlia | Premium Blanks | Built to Last THE JOYZLIA IN PREMIUM BLANK APPAREL JOYZLIA JOYZLIA JOYZLIA \u2039 \u203a Headwear Activewear Organic GROW YOUR BUSINESS Leverage the power of apparel today Create Account<\/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":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":239,"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":5117,"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/pages\/28\/revisions\/5117"}],"wp:attachment":[{"href":"https:\/\/azulrealesate.com\/b\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}