{"id":298,"date":"2026-09-16T10:35:36","date_gmt":"2026-09-16T06:35:36","guid":{"rendered":"https:\/\/thecavalla.com\/?page_id=298"},"modified":"2026-09-16T10:38:14","modified_gmt":"2026-09-16T06:38:14","slug":"full-set-collection","status":"publish","type":"page","link":"https:\/\/thecavalla.com\/en\/full-set-collection\/","title":{"rendered":"full set collection"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3cd5fb e-flex e-con-boxed e-con e-parent\" data-id=\"6b3cd5fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5779cb2 elementor-widget elementor-widget-elementskit-heading\" data-id=\"5779cb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">\u0643\u0648\u0644\u064a\u0643\u0634\u0646 <span>\u0627\u0644\u0637\u0642\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-541157ed e-con-full e-flex e-con e-parent\" data-id=\"541157ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6db28534 elementor-widget elementor-widget-html\" data-id=\"6db28534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cv-sub-slider\" id=\"cv-subcategories\" dir=\"rtl\">\r\n  <button\r\n    class=\"cv-sub-slider__arrow cv-sub-slider__prev\"\r\n    type=\"button\"\r\n    aria-label=\"\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"\r\n  >\r\n    \u2192\r\n  <\/button>\r\n\r\n  <div class=\"cv-sub-slider__track\">\r\n\r\n    <!-- Men Category -->\r\n    <a href=\"\/en\/product-category\/men\/\" class=\"cv-sub-slider__card\">\r\n      <div class=\"cv-sub-slider__image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/thecavalla.com\/wp-content\/uploads\/2026\/09\/men.webp\"\r\n          alt=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0631\u062c\u0627\u0644\"\r\n          loading=\"lazy\"\r\n          draggable=\"false\"\r\n        >\r\n        <span class=\"cv-sub-slider__view\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cv-sub-slider__details\">\r\n        <h3>\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0631\u062c\u0627\u0644<\/h3>\r\n        <span class=\"cv-sub-slider__icon\">\u2190<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Women Category -->\r\n    <a href=\"\/en\/product-category\/women\/\" class=\"cv-sub-slider__card\">\r\n      <div class=\"cv-sub-slider__image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/thecavalla.com\/wp-content\/uploads\/2026\/09\/women.webp\"\r\n          alt=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0646\u0633\u0627\u0621\"\r\n          loading=\"lazy\"\r\n          draggable=\"false\"\r\n        >\r\n        <span class=\"cv-sub-slider__view\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cv-sub-slider__details\">\r\n        <h3>\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0646\u0633\u0627\u0621<\/h3>\r\n        <span class=\"cv-sub-slider__icon\">\u2190<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Kids Category -->\r\n    <a href=\"\/en\/product-category\/kids\/\" class=\"cv-sub-slider__card\">\r\n      <div class=\"cv-sub-slider__image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/thecavalla.com\/wp-content\/uploads\/2026\/09\/kids.webp\"\r\n          alt=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\"\r\n          loading=\"lazy\"\r\n          draggable=\"false\"\r\n        >\r\n        <span class=\"cv-sub-slider__view\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cv-sub-slider__details\">\r\n        <h3>\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644<\/h3>\r\n        <span class=\"cv-sub-slider__icon\">\u2190<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"cv-sub-slider__arrow cv-sub-slider__next\"\r\n    type=\"button\"\r\n    aria-label=\"\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"\r\n  >\r\n    \u2190\r\n  <\/button>\r\n<\/section>\r\n\r\n<style>\r\n.cv-sub-slider,\r\n.cv-sub-slider * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cv-sub-slider {\r\n  --cv-primary: #7F5A58;\r\n  --cv-soft: #EEE2D8;\r\n  --cv-ink: #2B2220;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 10px 20px;\r\n  background: #ffffff;\r\n  direction: rtl;\r\n  font-family: \"Tajawal\", inherit, sans-serif;\r\n}\r\n\r\n\/* DESKTOP GRID (CENTERED) *\/\r\n.cv-sub-slider__track {\r\n  display: flex;\r\n  direction: rtl;\r\n  justify-content: center;\r\n  align-items: stretch;\r\n  gap: 32px;\r\n  width: 100%;\r\n  padding-bottom: 12px;\r\n  user-select: none;\r\n}\r\n\r\n.cv-sub-slider__card {\r\n  flex: 1 1 0px;\r\n  max-width: 340px;\r\n  min-width: 240px;\r\n  color: var(--cv-ink);\r\n  text-decoration: none !important;\r\n}\r\n\r\n.cv-sub-slider__image {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1 \/ 1;\r\n  overflow: hidden;\r\n  background: var(--cv-soft);\r\n  border-radius: 8px;\r\n}\r\n\r\n.cv-sub-slider__image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    transparent 50%,\r\n    rgba(37, 27, 26, 0.38) 100%\r\n  );\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n}\r\n\r\n.cv-sub-slider__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cv-sub-slider__view {\r\n  position: absolute;\r\n  z-index: 2;\r\n  right: 17px;\r\n  bottom: 17px;\r\n  padding: 9px 15px;\r\n  background: rgba(255,255,255,0.94);\r\n  color: var(--cv-primary);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  border-radius: 4px;\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.cv-sub-slider__card:hover .cv-sub-slider__image img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n.cv-sub-slider__card:hover .cv-sub-slider__image::after {\r\n  opacity: 1;\r\n}\r\n\r\n.cv-sub-slider__card:hover .cv-sub-slider__view {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* DETAILS \/ TEXT STYLING *\/\r\n.cv-sub-slider__details {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding-top: 16px;\r\n  text-align: center;\r\n}\r\n\r\n.cv-sub-slider__details h3 {\r\n  margin: 0;\r\n  color: var(--cv-ink);\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  transition: color 0.25s ease;\r\n}\r\n\r\n.cv-sub-slider__card:hover .cv-sub-slider__details h3 {\r\n  color: var(--cv-primary);\r\n}\r\n\r\n.cv-sub-slider__icon {\r\n  display: inline-block;\r\n  color: var(--cv-primary);\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  line-height: 1;\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.cv-sub-slider__card:hover .cv-sub-slider__icon {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n.cv-sub-slider__arrow {\r\n  display: none;\r\n}\r\n\r\n\/* MOBILE SLIDER (HORIZONTALLY SCROLLABLE) *\/\r\n@media (max-width: 767px) {\r\n  .cv-sub-slider {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-right: calc(50% - 50vw);\r\n    margin-left: calc(50% - 50vw);\r\n    padding: 5px 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cv-sub-slider__track {\r\n    justify-content: flex-start;\r\n    gap: 12px;\r\n    padding-right: 16px;\r\n    padding-left: 16px;\r\n    scroll-padding-inline: 16px;\r\n    overflow-x: auto;\r\n    scroll-behavior: smooth;\r\n    scroll-snap-type: x mandatory;\r\n    scrollbar-width: none;\r\n    -webkit-overflow-scrolling: touch;\r\n    cursor: default;\r\n  }\r\n\r\n  .cv-sub-slider__track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .cv-sub-slider__track.is-dragging {\r\n    cursor: grabbing;\r\n    scroll-snap-type: none;\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  .cv-sub-slider__card {\r\n    flex: 0 0 clamp(150px, 46vw, 200px);\r\n    max-width: none;\r\n    min-width: 0;\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n  .cv-sub-slider__image {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n\r\n  .cv-sub-slider__view {\r\n    right: 9px;\r\n    bottom: 9px;\r\n    padding: 6px 9px;\r\n    font-size: 9px;\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .cv-sub-slider__details {\r\n    padding-top: 10px;\r\n    gap: 6px;\r\n  }\r\n\r\n  .cv-sub-slider__details h3 {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cv-sub-slider__icon {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll(\".cv-sub-slider\").forEach(function (section) {\r\n      const track = section.querySelector(\".cv-sub-slider__track\");\r\n      if (!track) return;\r\n\r\n      let isDown = false;\r\n      let didDrag = false;\r\n      let startX = 0;\r\n      let startScrollLeft = 0;\r\n\r\n      track.addEventListener(\"mousedown\", function (e) {\r\n        if (e.button !== 0 || window.innerWidth > 767) return;\r\n        isDown = true;\r\n        didDrag = false;\r\n        track.classList.add(\"is-dragging\");\r\n        startX = e.pageX;\r\n        startScrollLeft = track.scrollLeft;\r\n      });\r\n\r\n      window.addEventListener(\"mousemove\", function (e) {\r\n        if (!isDown) return;\r\n        e.preventDefault();\r\n        const delta = e.pageX - startX;\r\n        if (Math.abs(delta) > 3) didDrag = true;\r\n        track.scrollLeft = startScrollLeft - delta;\r\n      });\r\n\r\n      window.addEventListener(\"mouseup\", function () {\r\n        if (!isDown) return;\r\n        isDown = false;\r\n        track.classList.remove(\"is-dragging\");\r\n      });\r\n\r\n      window.addEventListener(\"blur\", function () {\r\n        if (!isDown) return;\r\n        isDown = false;\r\n        track.classList.remove(\"is-dragging\");\r\n      });\r\n\r\n      track.addEventListener(\r\n        \"click\",\r\n        function (e) {\r\n          if (didDrag) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n          }\r\n        },\r\n        true\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-6a990ac3 e-con-full e-flex e-con e-parent\" data-id=\"6a990ac3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0643\u0648\u0644\u064a\u0643\u0634\u0646 \u0627\u0644\u0637\u0642\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u2192 \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0631\u062c\u0627\u0644 \u2190 \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u2190 \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u2190 \u2190<\/p>","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-298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":7,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/298\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}