{% comment %} ╔══════════════════════════════════════════════════════════════╗ ║ SECTION: SHIPPING / DELIVERY POLICY ║ ║ Marcelina Furniture Studio ║ ╚══════════════════════════════════════════════════════════════╝ {% endcomment %} .sp { --ink: #1a1410; --ink-mid: rgba(26,20,16,0.55); --cream: #faf8f5; --warm: #f2ede6; --border: #e8e3dc; --gold: #9a7a52; --gold-lt: #EADAAF; --gold-dk: #7a5e3a; --white: #ffffff; --radius: 100px; font-family: 'Poppins', sans-serif; font-size: 11px !important; font-weight: 400; color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; display: block; width: 100%; } .sp * { box-sizing: border-box; margin: 0; padding: 0; } .sp-fade { opacity: 0; transform: translateY(32px); transition: opacity .75s cubic-bezier(0.22,1,0.36,1), transform .75s cubic-bezier(0.22,1,0.36,1); } .sp-fade.is-vis { opacity: 1; transform: none; } .sp-fade--d1 { transition-delay: .08s; } .sp-fade--d2 { transition-delay: .16s; } .sp-fade--d3 { transition-delay: .24s; } @media (prefers-reduced-motion: reduce) { .sp-fade { opacity: 1 !important; transform: none !important; transition: none !important; } } {%- assign sp_ov = section.settings.hero_overlay | default: 30 | times: 1.0 | divided_by: 100.0 -%} {%- assign sp_bri = section.settings.hero_brightness | default: 100 | append: '%' -%} .sp-hero { background: var(--ink); position: relative; overflow: hidden; height: {{ section.settings.hero_height | default: 85 }}vh; min-height: 520px; } .sp-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--gold), var(--gold-lt), var(--gold), transparent); z-index: 3; pointer-events: none; } .sp-hero-bg { position: absolute; inset: 0; overflow: hidden; z-index: 0; } .sp-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; filter: brightness({{ sp_bri }}); } .sp-hero-ov { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(26,20,16,.95) 0%, rgba(26,20,16,.5) 30%, rgba(26,20,16,0) 60%), rgba(0,0,0,{{ sp_ov }}); } .sp-hero-in { position: absolute; bottom: 0; left: 0; right: 0; z-index: 4; padding: 0 50px 7vh; display: flex; flex-direction: column; gap: 20px; } .sp-hero-eyebrow { display: flex; flex-direction: column; gap: 8px; } .sp-hero-eyebrow-name { font-size: 17px !important; font-weight: 700 !important; letter-spacing: .06em !important; color: rgba(255,255,255,.92) !important; line-height: 1.2; } .sp-hero-eyebrow-tag { display: flex; align-items: center; gap: 12px; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .28em !important; text-transform: uppercase !important; color: var(--gold-lt) !important; } .sp-hero-eyebrow-tag::before { content: ''; display: block; width: 32px; height: 1px; background: var(--gold-lt); flex-shrink: 0; } .sp-hero h1 { font-family: 'Poppins', sans-serif; font-size: clamp(28px, 4vw, 48px) !important; font-weight: 700 !important; color: var(--white) !important; line-height: 1.1; letter-spacing: -.025em; max-width: 22ch; } .sp-hero h1 em, .sp-hero h1 strong { font-style: italic; font-weight: 700; color: var(--gold-lt) !important; } .sp-hero-rule { width: 32px; height: 1px; background: var(--gold-lt); } .sp-hero-sub { font-size: 15px !important; font-weight: 400 !important; color: rgba(255,255,255,.7) !important; line-height: 1.75 !important; letter-spacing: .01em; max-width: 480px; } .sp-body { max-width: 100%; padding: 96px 50px 128px; } .sp-badge { display: inline-flex; align-items: center; gap: 12px; background: var(--ink); color: var(--white) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .2em !important; text-transform: uppercase !important; padding: 14px 30px; border-radius: var(--radius); margin-bottom: 80px; } .sp-badge svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; } .sp-section { margin-bottom: 88px; } .sp-section:last-child { margin-bottom: 0; } .sp-section-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .28em !important; text-transform: uppercase !important; color: var(--gold) !important; display: block !important; margin-bottom: 16px !important; } .sp-section h2 { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 2.6vw, 34px) !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 24px; } .sp-section h2 em { font-style: italic; color: var(--gold) !important; } .sp-divider { width: 40px; height: 2px; background: var(--gold); margin-bottom: 32px; } .sp-sep { height: 1px; background: var(--border); margin: 88px 0; } .sp-rows { display: flex; flex-direction: column; gap: 2px; } .sp-row { display: flex; background: var(--warm); border-left: 3px solid transparent; transition: border-color .2s, background .2s; } .sp-row:hover { border-left-color: var(--gold); background: #ede6d8; } .sp-row-key { font-size: 14px !important; font-weight: 700 !important; color: var(--ink) !important; padding: 22px 26px; min-width: 240px; flex-shrink: 0; border-right: 1px solid var(--border); } .sp-row-val { font-size: 14px !important; font-weight: 400 !important; color: #555 !important; padding: 22px 26px; line-height: 1.75 !important; flex: 1; } .sp-row-val strong { font-weight: 700 !important; color: var(--ink) !important; } .sp-section--dark { background: var(--ink); margin-left: -50px; margin-right: -50px; padding: 80px 50px; margin-bottom: 0; } .sp-section--dark .sp-section-label { color: var(--gold-lt) !important; } .sp-section--dark h2 { color: var(--white) !important; } .sp-section--dark .sp-divider { background: var(--gold); } .sp-steps { display: flex; flex-direction: column; gap: 2px; } .sp-step { display: flex; gap: 22px; padding: 26px 30px; background: rgba(255,255,255,.04); border-left: 3px solid transparent; align-items: flex-start; transition: border-color .2s, background .2s; } .sp-step:hover { border-left-color: var(--gold); background: rgba(255,255,255,.07); } .sp-step-num { font-size: 12px !important; font-weight: 700 !important; color: var(--gold-lt) !important; letter-spacing: .1em !important; flex-shrink: 0; min-width: 32px; padding-top: 3px; } .sp-step h4 { font-size: 16px !important; font-weight: 700 !important; color: var(--white) !important; margin-bottom: 8px !important; } .sp-step p { font-size: 14px !important; font-weight: 400 !important; color: rgba(255,255,255,.65) !important; line-height: 1.75 !important; } .sp-callout { background: var(--ink); margin-left: -50px; margin-right: -50px; padding: 72px 50px; margin-top: 88px; position: relative; overflow: hidden; } .sp-callout::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--gold), var(--gold-lt), var(--gold), transparent); } .sp-callout-inner { display: flex; gap: 26px; align-items: flex-start; max-width: 780px; } .sp-callout svg { width: 22px; height: 22px; flex-shrink: 0; color: var(--gold-lt); margin-top: 4px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .sp-callout-text { display: flex; flex-direction: column; gap: 10px; } .sp-callout-text strong { display: block; font-size: clamp(18px, 2vw, 24px) !important; font-weight: 700 !important; color: var(--white) !important; letter-spacing: -.015em; line-height: 1.2; } .sp-callout p { font-size: 15px !important; font-weight: 400 !important; color: rgba(255,255,255,.65) !important; line-height: 1.8 !important; } .sp-callout p strong { display: inline; font-size: inherit !important; color: var(--gold-lt) !important; font-weight: 700 !important; } .sp-callout p a { color: var(--gold-lt) !important; text-decoration: none; } .sp-callout p a:hover { color: var(--white) !important; } @media (max-width: 860px) { .sp-hero { height: 80svh; min-height: 420px; } .sp-hero-in { padding: 0 36px 48px; } .sp-body { padding: 72px 36px 96px; } .sp-section--dark { margin-left: -36px; margin-right: -36px; padding: 64px 36px; } .sp-callout { margin-left: -36px; margin-right: -36px; padding: 56px 36px; } } @media (max-width: 600px) { .sp-hero-in { padding: 0 20px 44px; } .sp-body { padding: 56px 20px 72px; } .sp-section--dark { margin-left: -20px; margin-right: -20px; padding: 52px 20px; } .sp-callout { margin-left: -20px; margin-right: -20px; padding: 48px 20px; } .sp-callout-inner { flex-direction: column; gap: 18px; } .sp-row { flex-direction: column; } .sp-row-key { border-right: none; border-bottom: 1px solid var(--border); min-width: unset; } .sp-badge { margin-bottom: 52px; } .sp-sep { margin: 60px 0; } .sp-section { margin-bottom: 60px; } } document.addEventListener('DOMContentLoaded', function () { var io = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) { e.target.classList.add('is-vis'); io.unobserve(e.target); } }); }, { threshold: 0.12 }); document.querySelectorAll('.sp-fade').forEach(function(el) { io.observe(el); }); }); {% schema %} { "name": "Delivery Policy", "tag": "div", "class": "shipping-policy-page", "settings": [ { "type": "header", "content": "Hero" }, { "type": "text", "id": "hero_brand_name", "label": "Brand name (white, top)", "default": "Marcelina" }, { "type": "text", "id": "hero_eyebrow", "label": "Eyebrow tag (gold)", "default": "Marcelina Furniture Studio · Delivery" }, { "type": "text", "id": "hero_title_line1", "label": "Title line 1 (white)", "default": "Delivery Policy —" }, { "type": "text", "id": "hero_title_line2", "label": "Title line 2 (gold italic)","default": "Free Delivery on Orders Over $2,000" }, { "type": "textarea", "id": "hero_sub", "label": "Subtitle", "default": "Every piece is handled personally — from our studio to your door, on schedule and in perfect condition." }, { "type": "header", "content": "Hero Background" }, { "type": "image_picker", "id": "hero_image", "label": "Background image" }, { "type": "range", "id": "hero_height", "label": "Hero height (vh)", "min": 40, "max": 100, "step": 5, "default": 85 }, { "type": "range", "id": "hero_overlay", "label": "Overlay opacity (%)", "min": 0, "max": 100, "step": 5, "default": 30 }, { "type": "range", "id": "hero_brightness", "label": "Image brightness (%)", "min": 20, "max": 120, "step": 5, "default": 100 }, { "type": "header", "content": "Badge" }, { "type": "text", "id": "badge_text", "label": "Badge text", "default": "Free door-to-door delivery · Panama City & 40 km radius · Orders over $2,000" }, { "type": "header", "content": "Section 1 — Delivery Zones" }, { "type": "text", "id": "s1_label", "label": "Section label", "default": "Where We Deliver" }, { "type": "text", "id": "s1_heading", "label": "Heading", "default": "Delivery Zones" }, { "type": "text", "id": "s1_r1_key", "label": "Row 1 key", "default": "Panama City" }, { "type": "textarea", "id": "s1_r1_val", "label": "Row 1 val", "default": "Door-to-door delivery within Panama City and surrounding areas within a 40km radius — free of charge." }, { "type": "text", "id": "s1_r2_key", "label": "Row 2 key", "default": "Distribution Centres" }, { "type": "textarea", "id": "s1_r2_val", "label": "Row 2 val", "default": "Colón, La Chorrera, Penonomé, Chitré, Santiago, David, Boquete, and Volcán." }, { "type": "header", "content": "Section 2 — Delivery Fees" }, { "type": "text", "id": "s2_label", "label": "Section label", "default": "What It Costs" }, { "type": "text", "id": "s2_heading", "label": "Heading", "default": "Delivery Fees" }, { "type": "text", "id": "s2_r1_key", "label": "Row 1 key", "default": "Free Delivery" }, { "type": "textarea", "id": "s2_r1_val", "label": "Row 1 val", "default": "All orders over $2,000 within our delivery zones ship free." }, { "type": "text", "id": "s2_r2_key", "label": "Row 2 key", "default": "Door-to-Door" }, { "type": "textarea", "id": "s2_r2_val", "label": "Row 2 val", "default": "Free within Panama City. Available for an additional fee outside the Panama City zone." }, { "type": "text", "id": "s2_r3_key", "label": "Row 3 key", "default": "Premium Setup" }, { "type": "textarea", "id": "s2_r3_val", "label": "Row 3 val", "default": "In-home setup, room placement, or assembly available for an additional fee on request." }, { "type": "text", "id": "s2_r4_key", "label": "Row 4 key", "default": "Special Access" }, { "type": "textarea", "id": "s2_r4_val", "label": "Row 4 val", "default": "Staircase, crane, or non-standard access is not included in standard delivery and is quoted separately. Contact us before your delivery date to confirm requirements." }, { "type": "text", "id": "s2_r5_key", "label": "Row 5 key", "default": "Returns & Shipping" }, { "type": "textarea", "id": "s2_r5_val", "label": "Row 5 val", "default": "All shipping fees are non-refundable. If your order qualified for free shipping, shipping charges will be deducted from any refund." }, { "type": "header", "content": "Section 3 — Delivery Timeframes" }, { "type": "text", "id": "s3_label", "label": "Section label", "default": "When to Expect It" }, { "type": "text", "id": "s3_heading", "label": "Heading", "default": "Delivery Timeframes" }, { "type": "text", "id": "s3_r1_key", "label": "Row 1 key", "default": "In-Stock Items" }, { "type": "textarea", "id": "s3_r1_val", "label": "Row 1 val", "default": "Standard delivery within 2 business days from the date your order is processed." }, { "type": "text", "id": "s3_r2_key", "label": "Row 2 key", "default": "Custom Orders" }, { "type": "textarea", "id": "s3_r2_val", "label": "Row 2 val", "default": "10 to 16 weeks. Our team will confirm your expected delivery date when your order is placed." }, { "type": "header", "content": "Section 4 — Delivery Process" }, { "type": "text", "id": "s4_label", "label": "Section label", "default": "How It Works" }, { "type": "text", "id": "s4_heading", "label": "Heading", "default": "The Delivery Process" }, { "type": "text", "id": "s4_step1_title", "label": "Step 1 title", "default": "Scheduling" }, { "type": "textarea", "id": "s4_step1_body", "label": "Step 1 body", "default": "Once your order is ready, our team contacts you directly to confirm a delivery slot." }, { "type": "text", "id": "s4_step2_title", "label": "Step 2 title", "default": "Delivery Day" }, { "type": "textarea", "id": "s4_step2_body", "label": "Step 2 body", "default": "Our team arrives within your agreed window, handles all furniture with care, and places items as directed." }, { "type": "text", "id": "s4_step3_title", "label": "Step 3 title", "default": "Inspection & Sign-off" }, { "type": "textarea", "id": "s4_step3_body", "label": "Step 3 body", "default": "Inspect everything before we leave. Any issue raised on the day is resolved at no cost." }, { "type": "header", "content": "Section 5 — Standards" }, { "type": "text", "id": "s5_label", "label": "Section label", "default": "Our Standards" }, { "type": "text", "id": "s5_heading", "label": "Heading", "default": "What You Can Expect" }, { "type": "text", "id": "s5_r1_key", "label": "Row 1 key", "default": "Professional Team" }, { "type": "textarea", "id": "s5_r1_val", "label": "Row 1 val", "default": "Our trained delivery personnel handle your furniture with care from our studio to your door." }, { "type": "text", "id": "s5_r2_key", "label": "Row 2 key", "default": "Packaging" }, { "type": "textarea", "id": "s5_r2_val", "label": "Row 2 val", "default": "Furniture arrives in original packaging. Assembly services are available on request for an additional fee." }, { "type": "text", "id": "s5_r3_key", "label": "Row 3 key", "default": "Packaging Removal" }, { "type": "textarea", "id": "s5_r3_val", "label": "Row 3 val", "default": "We can remove all packaging and debris after your furniture is placed, on request." }, { "type": "header", "content": "Section 6 — Delays, Damage & Changes" }, { "type": "text", "id": "s6_label", "label": "Section label", "default": "Problems & Changes" }, { "type": "text", "id": "s6_heading", "label": "Heading", "default": "Delays, Damage & Changes" }, { "type": "text", "id": "s6_r1_key", "label": "Row 1 key", "default": "Delays" }, { "type": "textarea", "id": "s6_r1_val", "label": "Row 1 val", "default": "Unforeseen circumstances such as weather or traffic can occasionally cause delays. We will keep you informed every step of the way." }, { "type": "text", "id": "s6_r2_key", "label": "Row 2 key", "default": "Damaged Items" }, { "type": "textarea", "id": "s6_r2_val", "label": "Row 2 val", "default": "Contact us immediately at (507) 6841-0106 if damage is noticed on delivery. We will arrange a replacement or repair." }, { "type": "text", "id": "s6_r3_key", "label": "Row 3 key", "default": "Change of Details" }, { "type": "textarea", "id": "s6_r3_val", "label": "Row 3 val", "default": "Notify us at least 48 hours in advance to adjust your delivery address or time. Additional charges may apply for late changes." }, { "type": "header", "content": "Callout" }, { "type": "textarea", "id": "callout_text", "label": "Callout text", "default": "Questions about your delivery? Call (507) 6841-0106 or email Admin@marcelinafurniture.com — Mon–Fri, 8:00–17:00." } ], "presets": [{ "name": "Delivery Policy" }] } {% endschema %}