/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 19:2 Unexpected "<"
Line 20:1 Expected identifier but found "%"
Line 21:0 Unexpected "{"
Line 21:1 Expected identifier but found "%"
Line 22:0 Unexpected "{"
Line 22:1 Expected identifier but found "%"
Line 24:0 Unexpected "<"
Line 25:7 Unexpected "{"
Line 25:12 Expected ":"
... and 207 more hidden warnings

**/
<style>
  @font-face { font-family: 'IBM Plex Sans Arabic'; src: url('{{ 'IBMPlexSansArabic-Bold.ttf' | asset_url }}') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Saira'; src: url('{{ 'Saira_Condensed-ExtraLight.ttf' | asset_url }}') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
  </style>
{%- assign uid = section.id -%}
{%- assign ar = "'IBM Plex Sans Arabic',sans-serif" -%}
{%- assign lt = "'Saira',sans-serif" -%}

<style>
  #pd-{{ uid }} * { box-sizing: border-box; }
  #pd-{{ uid }} { background:#0B0E10; direction:rtl; font-family:{{ ar }}; color:#fff; overflow:hidden; }
  #pd-{{ uid }} a { text-decoration:none; color:inherit; }
  #pd-{{ uid }} .pd-pad { padding-left:56px; padding-right:56px; }
  #pd-{{ uid }} .pd-kicker { font-family:{{ lt }}; font-size:11px; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; color:#1573AD; }
  #pd-{{ uid }} .pd-h2 { font-family:{{ ar }}; font-weight:700; font-size:42px; margin:14px 0 0; }
  #pd-{{ uid }} h1, #pd-{{ uid }} h2, #pd-{{ uid }} h3, #pd-{{ uid }} h4, #pd-{{ uid }} h5, #pd-{{ uid }} h6 { color:#fff; }
  /* contact */
  #pd-{{ uid }} .pd-contact { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:96px 56px; border-top:1px solid rgba(203,210,215,0.1); align-items:start; }
  #pd-{{ uid }} .pd-contact h2 { font-family:{{ ar }}; font-weight:700; font-size:40px; margin:14px 0 18px; }
  #pd-{{ uid }} .pd-contact p { font-family:{{ ar }}; font-weight:300; font-size:16px; line-height:1.9; color:#CBD2D7; margin:0 0 36px; max-width:380px; }
  #pd-{{ uid }} .pd-info { display:flex; flex-direction:column; gap:18px; }
  #pd-{{ uid }} .pd-info div { direction:ltr; text-align:right; font-family:{{ lt }}; font-size:14px; color:#CBD2D7; }
  #pd-{{ uid }} .pd-form { background:rgba(12,91,140,0.08); border:1px solid rgba(12,91,140,0.25); padding:44px 38px; }
  #pd-{{ uid }} .pd-form .pd-ft { font-family:{{ ar }}; font-weight:700; font-size:22px; margin-bottom:4px; }
  #pd-{{ uid }} .pd-form .pd-fk { font-family:{{ lt }}; font-size:10px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#1573AD; margin-bottom:28px; }
  #pd-{{ uid }} .pd-form input, #pd-{{ uid }} .pd-form textarea, #pd-{{ uid }} .pd-form select { width:100%; background:#0B0E10; border:1px solid rgba(12,91,140,0.3); color:#fff; font-family:{{ ar }}; font-size:14px; padding:13px 16px; margin-bottom:14px; }
  #pd-{{ uid }} .pd-form input::placeholder, #pd-{{ uid }} .pd-form textarea::placeholder { color:#7d868c; }
  #pd-{{ uid }} .pd-form .pd-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  #pd-{{ uid }} .pd-form .pd-row input, #pd-{{ uid }} .pd-form .pd-row select { margin-bottom:14px; }
  #pd-{{ uid }} .pd-form button { width:100%; margin-bottom:0; background:#0C5B8C; color:#fff; font-family:{{ lt }}; font-size:13px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; padding:16px; border:none; cursor:pointer; transition:background .2s; }
  #pd-{{ uid }} .pd-form button:hover { background:#0a4d77; }
  #pd-{{ uid }} .pd-form .pd-ok { background:rgba(12,91,140,0.15); border:1px solid #0C5B8C; padding:14px 16px; margin-bottom:14px; font-family:{{ ar }}; font-size:14px; color:#CBD2D7; }
  #pd-{{ uid }} .pd-datewrap input { padding-left:34px; }
  #pd-{{ uid }} .pd-dow { font-family:{{ lt }}; font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:rgba(203,210,215,0.4); text-align:center; }
  #pd-{{ uid }} .pd-day { font-family:{{ lt }}; font-size:13px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:2px; color:#CBD2D7; cursor:pointer; }
  #pd-{{ uid }} .pd-day:hover { background:rgba(255,255,255,0.06); }
  #pd-{{ uid }} .pd-day.pd-disabled { color:rgba(203,210,215,0.22); cursor:default; }
  #pd-{{ uid }} .pd-day.pd-disabled:hover { background:transparent; }
  #pd-{{ uid }} .pd-day.pd-today { border:1px solid #1573AD; color:#1573AD; font-weight:600; }
  #pd-{{ uid }} .pd-day.pd-selected { background:#0C5B8C; color:#fff; font-weight:600; }
  #pd-{{ uid }} .pd-day.pd-selected:hover { background:#0C5B8C; }
  #pd-{{ uid }} .pd-day.pd-blank { cursor:default; }
  #pd-{{ uid }} .pd-cal[hidden] { display:none; }
  /* footer */
  #pd-{{ uid }} .pd-foot { background:#000; padding:48px 56px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(12,91,140,0.2); flex-wrap:wrap; gap:24px; }
  #pd-{{ uid }} .pd-foot .pd-c { font-family:{{ lt }}; font-size:11px; font-weight:300; letter-spacing:0.08em; color:rgba(203,210,215,0.4); direction:ltr; }
  @media (max-width: 990px) {
    #pd-{{ uid }} .pd-pad, #pd-{{ uid }} .pd-nav, #pd-{{ uid }} .pd-hero, #pd-{{ uid }} .pd-contact, #pd-{{ uid }} .pd-foot { padding-left:24px; padding-right:24px; }
    #pd-{{ uid }} .pd-navlinks .pd-links { display:none; }
    #pd-{{ uid }} .pd-hero h1 { font-size:44px; }
    #pd-{{ uid }} .pd-grid3, #pd-{{ uid }} .pd-pkgs, #pd-{{ uid }} .pd-contact { grid-template-columns:1fr; }
    #pd-{{ uid }} .pd-gal { grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,180px); }
    #pd-{{ uid }} .pd-gal > *:first-child { grid-row:span 1; grid-column:span 2; }
  }
</style>

<div id="pd-{{ uid }}">

      {%- comment -%} ===== CONTACT ===== {%- endcomment -%}
  <div class="pd-contact" id="pd-contact-{{ uid }}">
    <div>
      <p class="pd-kicker">{{ section.settings.contact_kicker }}</p>
     <h2>{{ section.settings.contact_title | default: 'ابدأ رحلتك معنا' }}</h2>
      <p>{{ section.settings.contact_text }}</p>
      <div class="pd-info">
        {%- if section.settings.email != blank -%}<div>{{ section.settings.email }}</div>{%- endif -%}
        {%- if section.settings.phone != blank -%}<div>{{ section.settings.phone }}</div>{%- endif -%}
        {%- if section.settings.location != blank -%}<div>{{ section.settings.location }}</div>{%- endif -%}
      </div>
    </div>
    </div>

  {%- comment -%} ===== FOOTER ===== {%- endcomment -%}
  <div class="pd-foot">
    {%- if section.settings.logo_white -%}
      {{ section.settings.logo_white | image_url: width: 360 | image_tag: class: 'pd-logo', style: 'height:40px;', alt: section.settings.brand_name }}
    {%- endif -%}
    <div class="pd-c">{{ section.settings.copyright | default: '© 2025 ProDetails for Media & Advertising · Kuwait' }}</div>
  </div>
  </div>

  {% schema %}
{
  "name": "ProDetails — Wedding",
  "tag": "section",
  "class": "pd-wedding-section",
  "settings": [
    { "type": "header", "content": "Contact" },
    { "type": "text", "id": "contact_kicker", "label": "Kicker", "default": "Book · احجز الآن" },
    { "type": "text", "id": "contact_title", "label": "Title", "default": "ابدأ رحلتك معنا" },
    { "type": "textarea", "id": "contact_text", "label": "Text", "default": "أحجز الحين." },
    { "type": "text", "id": "email", "label": "Email", "default": "info@prodetails.com.kw" },
    { "type": "text", "id": "phone", "label": "Phone", "default": "+965 XXXX XXXX" },
    { "type": "text", "id": "location", "label": "Location", "default": "Kuwait City, Kuwait" },
    { "type": "text", "id": "form_title", "label": "Form title", "default": "احجز موعدك" },
    { "type": "text", "id": "form_kicker", "label": "Form kicker", "default": "Request a Booking" },
    { "type": "text", "id": "form_button", "label": "Form button", "default": "Send Booking Request" },
    { "type": "text", "id": "form_success", "label": "Success message", "default": "تم استلام طلبك — سيتواصل معك فريقنا قريباً." },
  ],
}
{% endschema %}