{"id":165,"date":"2026-03-30T15:23:40","date_gmt":"2026-03-30T15:23:40","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=165"},"modified":"2026-03-31T10:12:58","modified_gmt":"2026-03-31T10:12:58","slug":"surf-rentals","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/pl\/surf-rentals\/","title":{"rendered":"Surf Rentals"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"165\" class=\"elementor elementor-165\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-604140f e-con-full e-flex e-con e-parent\" data-id=\"604140f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-748c4d9 elementor-widget elementor-widget-html\" data-id=\"748c4d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover\">\r\n  <title>Surfboard Rentals | Tamazirt Surf Shop Taghazout<\/title>\r\n  \r\n  <style>\r\n    \/* ===== RESET & GLOBAL ===== *\/\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Poppins', sans-serif;\r\n      background: #f0f4f8;\r\n      color: #1e2a3e;\r\n    }\r\n\r\n    \/* ===== HERO SECTION ===== *\/\r\n    .ts-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 55vh;\r\n      min-height: 380px;\r\n      max-height: 520px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ts-hero__image {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center 35%;\r\n      z-index: 1;\r\n    }\r\n\r\n    .ts-hero__overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(135deg, rgba(10, 47, 68, 0.75) 0%, rgba(30, 107, 143, 0.65) 100%);\r\n      z-index: 2;\r\n    }\r\n\r\n    .ts-hero__content {\r\n      position: relative;\r\n      z-index: 3;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      height: 100%;\r\n      padding: 2rem;\r\n      color: white;\r\n    }\r\n\r\n    .ts-hero__badge {\r\n      display: inline-block;\r\n      background: rgba(220, 38, 38, 0.85);\r\n      backdrop-filter: blur(8px);\r\n      padding: 8px 24px;\r\n      border-radius: 50px;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .ts-hero__title {\r\n      font-size: clamp(2rem, 5vw, 3.5rem);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      margin-bottom: 10px;\r\n      text-shadow: 0 2px 15px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .ts-hero__title span {\r\n      color: #FF6B6B;\r\n    }\r\n\r\n    .ts-hero__sub {\r\n      font-size: 1.1rem;\r\n      opacity: 0.9;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .ts-hero { height: 45vh; min-height: 300px; max-height: 400px; }\r\n      .ts-hero__image { object-position: 50% 30%; }\r\n    }\r\n    @media (max-width: 480px) {\r\n      .ts-hero { height: 40vh; min-height: 260px; }\r\n    }\r\n\r\n    \/* ===== MAIN CONTAINER ===== *\/\r\n    .ts-container {\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      padding: 3rem 2rem;\r\n    }\r\n\r\n    \/* ===== SECTION HEADINGS ===== *\/\r\n    .ts-section-title {\r\n      text-align: center;\r\n      font-size: 2rem;\r\n      font-weight: 800;\r\n      color: #0a2f44;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .ts-section-sub {\r\n      text-align: center;\r\n      color: #4a6f86;\r\n      margin-bottom: 2.5rem;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    \/* ===== RENTAL CARDS GRID ===== *\/\r\n    \/* Laptop: exactly 3 items per line (on large screens) *\/\r\n    .ts-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem;\r\n      margin-bottom: 4rem;\r\n    }\r\n\r\n    \/* Tablet: 2 columns *\/\r\n    @media (max-width: 1024px) {\r\n      .ts-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.8rem;\r\n      }\r\n    }\r\n\r\n    \/* Mobile: 1 column *\/\r\n    @media (max-width: 768px) {\r\n      .ts-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n      }\r\n    }\r\n\r\n    .ts-card {\r\n      background: white;\r\n      border-radius: 1.8rem;\r\n      overflow: hidden;\r\n      box-shadow: 0 15px 35px -12px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s, box-shadow 0.3s;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ts-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 25px 40px -15px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .ts-card__image {\r\n      height: 220px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ts-card__image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.4s;\r\n    }\r\n\r\n    .ts-card:hover .ts-card__image img {\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    .ts-card__content {\r\n      padding: 1.5rem;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ts-card__title {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #0a2f44;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .ts-card__badge {\r\n      color: #DC2626;\r\n      font-weight: 600;\r\n      font-size: 0.85rem;\r\n      margin-bottom: 1rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n\r\n    .ts-card__badge svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: #DC2626;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n    }\r\n\r\n    .ts-card__desc {\r\n      font-size: 0.9rem;\r\n      color: #4a6f86;\r\n      margin-bottom: 1.2rem;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ===== FORM ELEMENTS ===== *\/\r\n    .ts-form {\r\n      margin-top: 1rem;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ts-form__group {\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ts-form__label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.8rem;\r\n      font-weight: 600;\r\n      color: #2c4a5e;\r\n      margin-bottom: 0.3rem;\r\n    }\r\n\r\n    .ts-form__label svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: #DC2626;\r\n      stroke-width: 1.8;\r\n    }\r\n\r\n    .ts-input, .ts-select {\r\n      width: 100%;\r\n      padding: 0.7rem 1rem;\r\n      border: 1.5px solid #e2e8f0;\r\n      border-radius: 1rem;\r\n      font-size: 0.9rem;\r\n      font-family: inherit;\r\n      background: #f9fbfd;\r\n      transition: border 0.2s;\r\n      -webkit-appearance: none;\r\n      appearance: none;\r\n    }\r\n\r\n    .ts-input[type=\"date\"] {\r\n      min-height: 44px;\r\n      font-family: inherit;\r\n      font-size: 0.9rem;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .ts-input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n      cursor: pointer;\r\n      padding: 4px;\r\n    }\r\n\r\n    .ts-input:focus, .ts-select:focus {\r\n      outline: none;\r\n      border-color: #DC2626;\r\n    }\r\n\r\n    .ts-price-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: baseline;\r\n      padding: 0.8rem 0;\r\n      border-top: 1px solid #eef2f8;\r\n      margin-top: 0.5rem;\r\n      flex-wrap: nowrap;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .ts-price-daily {\r\n      font-size: 0.9rem;\r\n      color: #4a6f86;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ts-price-daily strong {\r\n      font-size: 1.2rem;\r\n      color: #DC2626;\r\n    }\r\n\r\n    .ts-price-total {\r\n      font-weight: 800;\r\n      font-size: 1.1rem;\r\n      color: #0a2f44;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ts-price-total span {\r\n      color: #DC2626;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .ts-price-row {\r\n        flex-wrap: nowrap;\r\n        justify-content: space-between;\r\n        gap: 0.5rem;\r\n      }\r\n      .ts-price-daily {\r\n        font-size: 0.85rem;\r\n        white-space: nowrap;\r\n      }\r\n      .ts-price-daily strong {\r\n        font-size: 1rem;\r\n      }\r\n      .ts-price-total {\r\n        font-size: 1rem;\r\n        white-space: nowrap;\r\n      }\r\n      .ts-price-total span {\r\n        font-size: 1.1rem;\r\n      }\r\n    }\r\n\r\n    .ts-btn-book {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      width: 100%;\r\n      background: #25D366;\r\n      color: white;\r\n      font-weight: 700;\r\n      padding: 0.9rem;\r\n      border-radius: 50px;\r\n      border: none;\r\n      cursor: pointer;\r\n      font-size: 1rem;\r\n      margin-top: 1rem;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .ts-btn-book:hover {\r\n      background: #128C7E;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .ts-btn-book svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      stroke: white;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n    }\r\n\r\n    .ts-terms {\r\n      font-size: 0.7rem;\r\n      color: #8ba0b0;\r\n      text-align: center;\r\n      margin-top: 0.8rem;\r\n    }\r\n\r\n    \/* ===== FAQ SECTION ===== *\/\r\n    .ts-faq {\r\n      background: white;\r\n      border-radius: 2rem;\r\n      padding: 2.5rem;\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    .ts-faq__title {\r\n      font-size: 1.8rem;\r\n      font-weight: 800;\r\n      color: #0a2f44;\r\n      text-align: center;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .ts-faq__sub {\r\n      text-align: center;\r\n      color: #4a6f86;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .ts-faq__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      gap: 2rem;\r\n    }\r\n\r\n    .ts-faq__category {\r\n      background: #f8fafc;\r\n      border-radius: 1.2rem;\r\n      padding: 1.2rem;\r\n    }\r\n\r\n    .ts-faq__category h3 {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 1.2rem;\r\n      font-weight: 700;\r\n      color: #DC2626;\r\n      margin-bottom: 1rem;\r\n      padding-bottom: 0.5rem;\r\n      border-bottom: 2px solid #DC2626;\r\n      display: inline-flex;\r\n    }\r\n\r\n    .ts-faq__category h3 svg {\r\n      width: 22px;\r\n      height: 22px;\r\n      stroke: #DC2626;\r\n      stroke-width: 1.8;\r\n    }\r\n\r\n    .ts-faq__list {\r\n      margin-top: 0.5rem;\r\n    }\r\n\r\n    .ts-faq__item {\r\n      border-bottom: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .ts-faq__question {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 0.9rem 0;\r\n      cursor: pointer;\r\n      font-weight: 600;\r\n      color: #0a2f44;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .ts-faq__question:hover {\r\n      color: #DC2626;\r\n    }\r\n\r\n    .ts-faq__icon {\r\n      width: 24px;\r\n      height: 24px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: transform 0.3s;\r\n    }\r\n\r\n    .ts-faq__icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      stroke: #DC2626;\r\n      stroke-width: 2;\r\n      fill: none;\r\n    }\r\n\r\n    .ts-faq__item.active .ts-faq__icon {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .ts-faq__answer {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.3s ease;\r\n      color: #4a6f86;\r\n      font-size: 0.85rem;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .ts-faq__item.active .ts-faq__answer {\r\n      max-height: 150px;\r\n      padding-bottom: 0.8rem;\r\n    }\r\n\r\n    \/* ===== CONTACT BANNER ===== *\/\r\n    .ts-contact {\r\n      background: linear-gradient(135deg, #0a2f44 0%, #1e6b8f 100%);\r\n      border-radius: 1.5rem;\r\n      padding: 2rem;\r\n      text-align: center;\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    .ts-contact h3 {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: white;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .ts-contact p {\r\n      color: rgba(255, 255, 255, 0.9);\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ts-contact__wa {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #25D366;\r\n      color: white;\r\n      padding: 0.8rem 2rem;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .ts-container {\r\n        padding: 2rem 1rem;\r\n      }\r\n      .ts-section-title {\r\n        font-size: 1.6rem;\r\n      }\r\n      .ts-faq {\r\n        padding: 1.5rem;\r\n      }\r\n      .ts-faq__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n      .ts-card__content {\r\n        padding: 1.2rem;\r\n      }\r\n      .ts-card__title {\r\n        font-size: 1.3rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .ts-btn-book {\r\n        padding: 0.8rem;\r\n        font-size: 0.9rem;\r\n      }\r\n      .ts-faq__title {\r\n        font-size: 1.4rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Hero Banner -->\r\n  <section class=\"ts-hero\">\r\n    <img decoding=\"async\" class=\"ts-hero__image\" \r\n         src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.15.38-2.jpeg\"\r\n         alt=\"Surfboard Rentals in Taghazout\">\r\n    <div class=\"ts-hero__overlay\"><\/div>\r\n    <div class=\"ts-hero__content\">\r\n      <div class=\"ts-hero__badge\">TAMAZIRT SURF SHOP<\/div>\r\n      <h1 class=\"ts-hero__title\">Surfboard <span>Rentals<\/span> in Taghazout<\/h1>\r\n      <p class=\"ts-hero__sub\">Find the Surfboard That Fits Your Style<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ts-container\">\r\n    <h2 class=\"ts-section-title\">Browse our surf gear, choose your rental<\/h2>\r\n    <p class=\"ts-section-sub\">Book online in just a few clicks \u2014 then swing by our Taghazout surf shop to pick it up and hit the waves!<\/p>\r\n\r\n    <!-- Rental Cards Grid (5 items, but on laptop exactly 3 per line via CSS grid) -->\r\n    <div class=\"ts-grid\" id=\"rentalsGrid\">\r\n      \r\n      <!-- Softboard Rental Card - Updated Image -->\r\n      <div class=\"ts-card\" data-price-day=\"10\" data-type=\"Softboard Rental\">\r\n        <div class=\"ts-card__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-31-at-00.51.30.jpeg\" alt=\"Softboard Rental\">\r\n        <\/div>\r\n        <div class=\"ts-card__content\">\r\n          <h3 class=\"ts-card__title\">Softboard Rental<\/h3>\r\n          <div class=\"ts-card__badge\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            <span>Softboard + Wetsuit<\/span>\r\n          <\/div>\r\n          <p class=\"ts-card__desc\">Beginner-friendly, safe, and easy to paddle. Perfect for your first waves!<\/p>\r\n          <div class=\"ts-form\">\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4M3 10h18\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Pick your rental start date:<\/span>\r\n              <\/div>\r\n              <input type=\"date\" class=\"ts-input rental-date\" min=\"2026-03-30\">\r\n            <\/div>\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.8\"\/><polyline points=\"12 6 12 12 16 14\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Number of Days:<\/span>\r\n              <\/div>\r\n              <select class=\"ts-select days-select\">\r\n                <option value=\"1\">1 Day<\/option><option value=\"2\">2 Days<\/option><option value=\"3\">3 Days<\/option>\r\n                <option value=\"4\">4 Days<\/option><option value=\"5\">5 Days<\/option><option value=\"6\">6 Days<\/option><option value=\"7\">7 Days<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ts-price-row\">\r\n              <span class=\"ts-price-daily\"><strong>10 \u20ac<\/strong> \/day<\/span>\r\n              <span class=\"ts-price-total\">Total: <span class=\"total-amount\">10<\/span> \u20ac<\/span>\r\n            <\/div>\r\n            <button class=\"ts-btn-book book-now-btn\" data-type=\"Softboard Rental\" data-price=\"10\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              Zarezerwuj teraz\r\n            <\/button>\r\n            <div class=\"ts-terms\">Free Cancellation \u2022 Instant Confirmation<\/div>\r\n            <div class=\"ts-terms\">By booking you agree to the Terms of Service of Tamazirt Surf Shop & School<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Hardboard Rental Card (unchanged except image remains as per original? but original was good, keep as is) -->\r\n      <div class=\"ts-card\" data-price-day=\"15\" data-type=\"Hardboard Rental\">\r\n        <div class=\"ts-card__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.26.42.jpeg\" alt=\"Hardboard Rental\">\r\n        <\/div>\r\n        <div class=\"ts-card__content\">\r\n          <h3 class=\"ts-card__title\">Hardboard Rental<\/h3>\r\n          <div class=\"ts-card__badge\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            <span>Hardboard + Wetsuit<\/span>\r\n          <\/div>\r\n          <p class=\"ts-card__desc\">For intermediate & advanced surfers. Enjoy speed, stability, and wave control!<\/p>\r\n          <div class=\"ts-form\">\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4M3 10h18\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Pick your rental start date:<\/span>\r\n              <\/div>\r\n              <input type=\"date\" class=\"ts-input rental-date\" min=\"2026-03-30\">\r\n            <\/div>\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.8\"\/><polyline points=\"12 6 12 12 16 14\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Number of Days:<\/span>\r\n              <\/div>\r\n              <select class=\"ts-select days-select\">\r\n                <option value=\"1\">1 Day<\/option><option value=\"2\">2 Days<\/option><option value=\"3\">3 Days<\/option>\r\n                <option value=\"4\">4 Days<\/option><option value=\"5\">5 Days<\/option><option value=\"6\">6 Days<\/option><option value=\"7\">7 Days<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ts-price-row\">\r\n              <span class=\"ts-price-daily\"><strong>15 \u20ac<\/strong> \/day<\/span>\r\n              <span class=\"ts-price-total\">Total: <span class=\"total-amount\">15<\/span> \u20ac<\/span>\r\n            <\/div>\r\n            <button class=\"ts-btn-book book-now-btn\" data-type=\"Hardboard Rental\" data-price=\"15\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              Zarezerwuj teraz\r\n            <\/button>\r\n            <div class=\"ts-terms\">Free Cancellation \u2022 Instant Confirmation<\/div>\r\n            <div class=\"ts-terms\">By booking you agree to the Terms of Service of Tamazirt Surf Shop & School<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SUP Rental Card - Updated Image -->\r\n      <div class=\"ts-card\" data-price-day=\"20\" data-type=\"SUP Rental\">\r\n        <div class=\"ts-card__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-31-at-00.55.32.jpeg\" alt=\"SUP Rental\">\r\n        <\/div>\r\n        <div class=\"ts-card__content\">\r\n          <h3 class=\"ts-card__title\">SUP Rental<\/h3>\r\n          <div class=\"ts-card__badge\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            <span>SUP + Wetsuit<\/span>\r\n          <\/div>\r\n          <p class=\"ts-card__desc\">Stable and easy for all ages. Explore calm lagoons or small waves safely!<\/p>\r\n          <div class=\"ts-form\">\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4M3 10h18\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Pick your rental start date:<\/span>\r\n              <\/div>\r\n              <input type=\"date\" class=\"ts-input rental-date\" min=\"2026-03-30\">\r\n            <\/div>\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.8\"\/><polyline points=\"12 6 12 12 16 14\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Number of Days:<\/span>\r\n              <\/div>\r\n              <select class=\"ts-select days-select\">\r\n                <option value=\"1\">1 Day<\/option><option value=\"2\">2 Days<\/option><option value=\"3\">3 Days<\/option>\r\n                <option value=\"4\">4 Days<\/option><option value=\"5\">5 Days<\/option><option value=\"6\">6 Days<\/option><option value=\"7\">7 Days<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ts-price-row\">\r\n              <span class=\"ts-price-daily\"><strong>20 \u20ac<\/strong> \/day<\/span>\r\n              <span class=\"ts-price-total\">Total: <span class=\"total-amount\">20<\/span> \u20ac<\/span>\r\n            <\/div>\r\n            <button class=\"ts-btn-book book-now-btn\" data-type=\"SUP Rental\" data-price=\"20\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              Zarezerwuj teraz\r\n            <\/button>\r\n            <div class=\"ts-terms\">Free Cancellation \u2022 Instant Confirmation<\/div>\r\n            <div class=\"ts-terms\">By booking you agree to the Terms of Service of Tamazirt Surf Shop & School<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- NEW: Bodyboard Rental - price 10, with given image -->\r\n      <div class=\"ts-card\" data-price-day=\"10\" data-type=\"Bodyboard Rental\">\r\n        <div class=\"ts-card__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-31-at-01.01.12.jpeg\" alt=\"Bodyboard Rental\">\r\n        <\/div>\r\n        <div class=\"ts-card__content\">\r\n          <h3 class=\"ts-card__title\">Bodyboard Rental<\/h3>\r\n          <div class=\"ts-card__badge\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            <span>Bodyboard + Fins<\/span>\r\n          <\/div>\r\n          <p class=\"ts-card__desc\">Perfect for catching waves with speed and maneuverability. Fun for all levels!<\/p>\r\n          <div class=\"ts-form\">\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4M3 10h18\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Pick your rental start date:<\/span>\r\n              <\/div>\r\n              <input type=\"date\" class=\"ts-input rental-date\" min=\"2026-03-30\">\r\n            <\/div>\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.8\"\/><polyline points=\"12 6 12 12 16 14\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Number of Days:<\/span>\r\n              <\/div>\r\n              <select class=\"ts-select days-select\">\r\n                <option value=\"1\">1 Day<\/option><option value=\"2\">2 Days<\/option><option value=\"3\">3 Days<\/option>\r\n                <option value=\"4\">4 Days<\/option><option value=\"5\">5 Days<\/option><option value=\"6\">6 Days<\/option><option value=\"7\">7 Days<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ts-price-row\">\r\n              <span class=\"ts-price-daily\"><strong>10 \u20ac<\/strong> \/day<\/span>\r\n              <span class=\"ts-price-total\">Total: <span class=\"total-amount\">10<\/span> \u20ac<\/span>\r\n            <\/div>\r\n            <button class=\"ts-btn-book book-now-btn\" data-type=\"Bodyboard Rental\" data-price=\"10\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              Zarezerwuj teraz\r\n            <\/button>\r\n            <div class=\"ts-terms\">Free Cancellation \u2022 Instant Confirmation<\/div>\r\n            <div class=\"ts-terms\">By booking you agree to the Terms of Service of Tamazirt Surf Shop & School<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- NEW: Skin Board Rental - price 8, with given image -->\r\n      <div class=\"ts-card\" data-price-day=\"8\" data-type=\"Skin Board Rental\">\r\n        <div class=\"ts-card__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-31-at-01.01.24.jpeg\" alt=\"Skin Board Rental\">\r\n        <\/div>\r\n        <div class=\"ts-card__content\">\r\n          <h3 class=\"ts-card__title\">Skin Board Rental<\/h3>\r\n          <div class=\"ts-card__badge\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            <span>Skin Board + Leash<\/span>\r\n          <\/div>\r\n          <p class=\"ts-card__desc\">Ultra-light and responsive. Great for body surfing & fun in the white water.<\/p>\r\n          <div class=\"ts-form\">\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke-width=\"1.8\"\/><path d=\"M8 2v4M16 2v4M3 10h18\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Pick your rental start date:<\/span>\r\n              <\/div>\r\n              <input type=\"date\" class=\"ts-input rental-date\" min=\"2026-03-30\">\r\n            <\/div>\r\n            <div class=\"ts-form__group\">\r\n              <div class=\"ts-form__label\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.8\"\/><polyline points=\"12 6 12 12 16 14\" stroke-width=\"1.8\"\/><\/svg>\r\n                <span>Number of Days:<\/span>\r\n              <\/div>\r\n              <select class=\"ts-select days-select\">\r\n                <option value=\"1\">1 Day<\/option><option value=\"2\">2 Days<\/option><option value=\"3\">3 Days<\/option>\r\n                <option value=\"4\">4 Days<\/option><option value=\"5\">5 Days<\/option><option value=\"6\">6 Days<\/option><option value=\"7\">7 Days<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ts-price-row\">\r\n              <span class=\"ts-price-daily\"><strong>8 \u20ac<\/strong> \/day<\/span>\r\n              <span class=\"ts-price-total\">Total: <span class=\"total-amount\">8<\/span> \u20ac<\/span>\r\n            <\/div>\r\n            <button class=\"ts-btn-book book-now-btn\" data-type=\"Skin Board Rental\" data-price=\"8\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              Zarezerwuj teraz\r\n            <\/button>\r\n            <div class=\"ts-terms\">Free Cancellation \u2022 Instant Confirmation<\/div>\r\n            <div class=\"ts-terms\">By booking you agree to the Terms of Service of Tamazirt Surf Shop & School<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Section -->\r\n    <div class=\"ts-faq\">\r\n      <h2 class=\"ts-faq__title\">Surfboard Rentals FAQs<\/h2>\r\n      <p class=\"ts-faq__sub\">Everything you need to know before grabbing your board in Taghazout.<\/p>\r\n      \r\n      <div class=\"ts-faq__grid\">\r\n        <!-- For Beginners -->\r\n        <div class=\"ts-faq__category\">\r\n          <h3>\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke-width=\"1.8\"\/><\/svg>\r\n            For Beginners\r\n          <\/h3>\r\n          <div class=\"ts-faq__list\">\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Is this rental suitable for complete beginners?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Yes! We provide stable softboards ideal for first-time surfers. Our team helps you choose the right size at the shop.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Is the wetsuit included?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Yes, all our rentals include a high-quality wetsuit appropriate for the season.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>How long can I rent a board?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">You can rent from 1 day up to several weeks. Just select the number of days when booking.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Can I change my board if it feels wrong?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Absolutely! Visit our shop and we'll exchange your board for a better fit, subject to availability.<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- For Intermediate & Advanced -->\r\n        <div class=\"ts-faq__category\">\r\n          <h3>\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke-width=\"1.8\"\/><\/svg>\r\n            For Intermediate & Advanced\r\n          <\/h3>\r\n          <div class=\"ts-faq__list\">\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Is the wetsuit included?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Yes, all rentals include a premium wetsuit. You can also bring your own if you prefer.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Do you have different board types and volumes?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Yes! We carry hardboards, fish, hybrid, and step-ups. Our team will help you choose based on your level and conditions.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Can I take the board to other surf spots?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Yes, you can explore nearby spots like Anchor Point, Killer Point, and Panorama Beach. Just return the board to our shop.<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- General Questions -->\r\n        <div class=\"ts-faq__category\">\r\n          <h3>\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"10\" r=\"3\" stroke-width=\"1.8\"\/><\/svg>\r\n            General Questions\r\n          <\/h3>\r\n          <div class=\"ts-faq__list\">\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>Where is Tamazirt Surf Shop located?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">We are in Taghazout center, near the main beach. Exact address shared after booking.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>What are your opening hours?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">We're open daily from 9:00 AM to 6:00 PM. Early pickups available upon request.<\/div><\/div>\r\n            <div class=\"ts-faq__item\"><div class=\"ts-faq__question\"><span>How does WhatsApp booking work?<\/span><div class=\"ts-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"ts-faq__answer\">Click \"Book Now\", and you'll be redirected to chat with us. We'll confirm your rental details instantly.<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contact Banner -->\r\n    <div class=\"ts-contact\">\r\n      <h3>Still have questions about rentals?<\/h3>\r\n      <p>Message us on WhatsApp \u2014 we reply within minutes!<\/p>\r\n      <a href=\"https:\/\/wa.me\/212762650528\" target=\"_blank\" class=\"ts-contact__wa\" rel=\"noopener\">\r\n        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n        WhatsApp +212 762-650528\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      \/\/ Dynamic total price update for all cards\r\n      document.querySelectorAll('.ts-card').forEach(card => {\r\n        const pricePerDay = parseInt(card.getAttribute('data-price-day'));\r\n        const daysSelect = card.querySelector('.days-select');\r\n        const totalSpan = card.querySelector('.total-amount');\r\n        const bookBtn = card.querySelector('.book-now-btn');\r\n        const dateInput = card.querySelector('.rental-date');\r\n\r\n        function updateTotal() {\r\n          const days = parseInt(daysSelect.value);\r\n          const total = pricePerDay * days;\r\n          totalSpan.textContent = total;\r\n          bookBtn.setAttribute('data-days', days);\r\n          bookBtn.setAttribute('data-total', total);\r\n        }\r\n\r\n        if (daysSelect) {\r\n          daysSelect.addEventListener('change', updateTotal);\r\n          updateTotal();\r\n        }\r\n\r\n        if (dateInput && !dateInput.value) {\r\n          const tomorrow = new Date();\r\n          tomorrow.setDate(tomorrow.getDate() + 1);\r\n          const yyyy = tomorrow.getFullYear();\r\n          const mm = String(tomorrow.getMonth() + 1).padStart(2, '0');\r\n          const dd = String(tomorrow.getDate()).padStart(2, '0');\r\n          dateInput.value = `${yyyy}-${mm}-${dd}`;\r\n        }\r\n      });\r\n\r\n      \/\/ WhatsApp booking\r\n      const phoneNumber = \"212762650528\";\r\n      const shopName = \"Tamazirt Surf Shop\";\r\n\r\n      document.querySelectorAll('.book-now-btn').forEach(btn => {\r\n        btn.addEventListener('click', function(e) {\r\n          e.preventDefault();\r\n          const card = this.closest('.ts-card');\r\n          const rentalType = this.getAttribute('data-type') || card.getAttribute('data-type');\r\n          const daysSelect = card.querySelector('.days-select');\r\n          const days = daysSelect ? daysSelect.value : '1';\r\n          const dateInput = card.querySelector('.rental-date');\r\n          let startDate = dateInput ? dateInput.value : '';\r\n          const totalPrice = card.querySelector('.total-amount').textContent;\r\n          const dailyPrice = this.getAttribute('data-price');\r\n\r\n          let formattedDate = 'not specified';\r\n          if (startDate && startDate.match(\/\\d{4}-\\d{2}-\\d{2}\/)) {\r\n            const parts = startDate.split('-');\r\n            formattedDate = `${parts[2]}\/${parts[1]}\/${parts[0]}`;\r\n          }\r\n\r\n          const message = `\ud83c\udfc4 *Surf Rental Request - ${shopName}*%0A%0A` +\r\n                          `*Rental Type:* ${rentalType}%0A` +\r\n                          `*Start Date:* ${formattedDate}%0A` +\r\n                          `*Number of Days:* ${days} day(s)%0A` +\r\n                          `*Price per day:* ${dailyPrice} \u20ac%0A` +\r\n                          `*Total Price:* ${totalPrice} \u20ac%0A%0A` +\r\n                          `I would like to confirm this booking. Thanks! \ud83c\udf0a`;\r\n\r\n          window.open(`https:\/\/wa.me\/${phoneNumber}?text=${message}`, '_blank');\r\n        });\r\n      });\r\n\r\n      \/\/ FAQ Toggle\r\n      document.querySelectorAll('.ts-faq__item').forEach(item => {\r\n        const question = item.querySelector('.ts-faq__question');\r\n        if (question) {\r\n          question.addEventListener('click', () => item.classList.toggle('active'));\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Surfboard Rentals | Tamazirt Surf Shop Taghazout TAMAZIRT SURF SHOP Surfboard Rentals in Taghazout Find the Surfboard That Fits Your Style Browse our surf gear, choose your rental Book online in just a few clicks \u2014 then swing by our Taghazout surf shop to pick it up and hit the waves! Softboard Rental Softboard + [&hellip;]<\/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-165","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":16,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages\/165\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}