{"product_id":"amalfi-pearl-sandal","title":"Amalfi Pearl Sandal","description":"\u003c!--\n  SALES SECTION — \"Amalfi Pearl Sandal\" (Bottega Verati)\n  How to use it in Shopify: Theme \u003e Customize \u003e add section \"Custom Liquid\" \/ \"Custom HTML\"\n  and paste this code. It's self-contained (CSS + JS included), nothing else needed.\n--\u003e\n\u003csection class=\"amalfi-section\"\u003e\n  \u003cstyle\u003e\n    .amalfi-section {\n      --pearl: #F7F2E9;\n      --pearl-deep: #EEE4D2;\n      --shell: #FFFDF9;\n      --ocean: #1E4E5F;\n      --ocean-deep: #14343F;\n      --gold: #B9915B;\n      --ink: #221C15;\n      --paper: #FFFDF9;\n      font-family: 'Work Sans', -apple-system, sans-serif;\n      color: var(--ink);\n      background: var(--pearl);\n      overflow: hidden;\n      position: relative;\n    }\n    .amalfi-section * { box-sizing: border-box; }\n    .amalfi-section .serif {\n      font-family: 'Bodoni Moda', 'Times New Roman', serif;\n    }\n\n    \/* ---------- HERO ---------- *\/\n    .amalfi-hero {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 96px 32px 80px;\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 64px;\n      align-items: center;\n    }\n    .amalfi-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 12px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--ocean);\n      font-weight: 600;\n      margin-bottom: 22px;\n      opacity: 0;\n      transform: translateY(10px);\n      animation: amalfiRise 0.7s ease forwards;\n    }\n    .amalfi-eyebrow::before {\n      content: \"\";\n      width: 26px;\n      height: 1px;\n      background: var(--ocean);\n      display: inline-block;\n    }\n    .amalfi-title {\n      font-size: clamp(52px, 8.4vw, 104px);\n      line-height: 1.0;\n      font-weight: 500;\n      color: var(--ocean-deep);\n      margin: 0 0 26px;\n      letter-spacing: -0.005em;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: amalfiRise 0.8s ease 0.1s forwards;\n    }\n    .amalfi-title em {\n      font-style: italic;\n      font-weight: 400;\n      color: var(--gold);\n    }\n    .amalfi-lede {\n      font-size: 18px;\n      line-height: 1.65;\n      color: #4a4038;\n      max-width: 46ch;\n      margin: 0 0 36px;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: amalfiRise 0.8s ease 0.22s forwards;\n    }\n    .amalfi-lede strong { color: var(--ocean-deep); font-weight: 600; }\n\n    .amalfi-tags {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: amalfiRise 0.8s ease 0.34s forwards;\n    }\n    .amalfi-tag {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 18px;\n      background: var(--shell);\n      border: 1px solid var(--pearl-deep);\n      border-left: 3px solid var(--ocean);\n      border-radius: 4px;\n    }\n    .amalfi-tag .num {\n      font-family: 'Bodoni Moda', serif;\n      font-style: italic;\n      font-size: 15px;\n      color: var(--ocean);\n      min-width: 20px;\n    }\n    .amalfi-tag .txt strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--ocean-deep);\n      margin-bottom: 2px;\n    }\n    .amalfi-tag .txt span {\n      font-size: 13.5px;\n      color: #5c5346;\n      line-height: 1.4;\n    }\n\n    .amalfi-hero-visual {\n      position: relative;\n      opacity: 0;\n      animation: amalfiFade 1s ease 0.3s forwards;\n    }\n    .amalfi-hero-visual img {\n      width: 100%;\n      display: block;\n      border-radius: 6px;\n      box-shadow: 0 30px 60px -20px rgba(20, 52, 63, 0.3);\n    }\n    .amalfi-hero-visual .stamp {\n      position: absolute;\n      bottom: -18px;\n      left: -18px;\n      background: var(--ocean-deep);\n      color: var(--paper);\n      font-family: 'Bodoni Moda', serif;\n      font-style: italic;\n      font-size: 14px;\n      padding: 10px 18px;\n      border-radius: 3px;\n      box-shadow: 0 10px 24px rgba(0,0,0,0.2);\n    }\n\n    @keyframes amalfiRise {\n      to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes amalfiFade {\n      to { opacity: 1; }\n    }\n\n    \/* ---------- SHOWCASE IMAGE ---------- *\/\n    .amalfi-showcase {\n      position: relative;\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 32px 100px;\n    }\n    .amalfi-showcase-frame {\n      position: relative;\n      border-radius: 8px 8px 0 0;\n      overflow: hidden;\n      background: var(--ocean-deep);\n    }\n    .amalfi-showcase-frame img {\n      width: 100%;\n      display: block;\n      opacity: 0.96;\n    }\n    .amalfi-showcase-caption {\n      background: var(--ocean-deep);\n      color: var(--paper);\n      padding: 28px 32px 32px;\n      border-radius: 0 0 8px 8px;\n    }\n    .amalfi-showcase-caption .serif {\n      font-size: 24px;\n      font-style: italic;\n      line-height: 1.3;\n      margin: 0 0 8px;\n      max-width: 50ch;\n    }\n    .amalfi-showcase-caption p {\n      font-size: 14px;\n      opacity: 0.82;\n      margin: 0;\n      line-height: 1.5;\n      max-width: 60ch;\n    }\n\n    \/* ---------- ON THE FOOT ---------- *\/\n    .amalfi-worn {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 0 32px 100px;\n    }\n    .amalfi-worn-head {\n      max-width: 640px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n    .amalfi-worn-head .serif {\n      font-size: clamp(28px, 3.6vw, 40px);\n      color: var(--ocean-deep);\n      margin: 0 0 12px;\n      font-weight: 600;\n    }\n    .amalfi-worn-head p {\n      font-size: 15.5px;\n      color: #5c5346;\n      line-height: 1.6;\n      margin: 0;\n    }\n    .amalfi-worn-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n    .amalfi-worn-card {\n      border-radius: 6px;\n      overflow: hidden;\n      background: var(--shell);\n      box-shadow: 0 16px 30px -18px rgba(20,52,63,0.25);\n    }\n    .amalfi-worn-card img {\n      width: 100%;\n      aspect-ratio: 4 \/ 5;\n      object-fit: cover;\n      display: block;\n    }\n    .amalfi-worn-card .cap {\n      padding: 14px 16px 18px;\n      font-family: 'Bodoni Moda', serif;\n      font-style: italic;\n      font-size: 14.5px;\n      color: var(--ocean-deep);\n    }\n\n    \/* ---------- COLOR SCROLL ---------- *\/\n    .amalfi-colors {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 0 32px 110px;\n    }\n    .amalfi-colors-head {\n      max-width: 640px;\n      margin: 0 auto 48px;\n      text-align: center;\n    }\n    .amalfi-colors-head .serif {\n      font-size: clamp(30px, 4vw, 44px);\n      color: var(--ocean-deep);\n      margin: 0 0 14px;\n      font-weight: 600;\n    }\n    .amalfi-colors-head p {\n      font-size: 15.5px;\n      color: #5c5346;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    .amalfi-rail-wrap { position: relative; }\n    .amalfi-rail {\n      display: flex;\n      gap: 26px;\n      overflow-x: auto;\n      padding: 20px 6px 30px;\n      justify-content: center;\n      scroll-snap-type: x proximity;\n      scrollbar-width: none;\n      cursor: grab;\n    }\n    .amalfi-rail::-webkit-scrollbar { display: none; }\n    .amalfi-rail:active { cursor: grabbing; }\n\n    .amalfi-tagcard {\n      flex: 0 0 auto;\n      width: 200px;\n      scroll-snap-align: start;\n      background: var(--shell);\n      border-radius: 4px;\n      padding: 16px 16px 20px;\n      box-shadow: 0 12px 28px -14px rgba(20,52,63,0.24);\n      position: relative;\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n    .amalfi-tagcard:nth-child(odd) { transform: rotate(-1.4deg); }\n    .amalfi-tagcard:nth-child(even) { transform: rotate(1.2deg); }\n    .amalfi-tagcard:hover {\n      transform: rotate(0deg) translateY(-6px);\n      box-shadow: 0 20px 36px -14px rgba(20,52,63,0.3);\n    }\n    .amalfi-tagcard .hole {\n      width: 12px; height: 12px;\n      border-radius: 50%;\n      background: var(--pearl);\n      border: 2px solid var(--ocean);\n      margin: 0 auto 8px;\n    }\n    .amalfi-tagcard .thumb {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      border-radius: 3px;\n      overflow: hidden;\n      background: var(--pearl-deep);\n      margin-bottom: 10px;\n    }\n    .amalfi-tagcard .thumb img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    .amalfi-tagcard .name {\n      font-family: 'Bodoni Moda', serif;\n      font-style: italic;\n      font-size: 15px;\n      color: var(--ocean-deep);\n      text-align: center;\n    }\n    .amalfi-tagcard .dot {\n      width: 9px; height: 9px;\n      border-radius: 50%;\n      display: inline-block;\n      margin-right: 6px;\n      vertical-align: middle;\n      border: 1px solid rgba(0,0,0,0.15);\n    }\n\n    @media (max-width: 860px) {\n      .amalfi-hero { grid-template-columns: 1fr; padding-top: 64px; }\n      .amalfi-hero-visual { order: -1; }\n      .amalfi-showcase-caption { padding: 20px 20px 24px; }\n      .amalfi-worn-grid { grid-template-columns: 1fr; }\n      .amalfi-rail { justify-content: flex-start; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .amalfi-eyebrow, .amalfi-title, .amalfi-lede, .amalfi-tags, .amalfi-hero-visual {\n        animation: none !important; opacity: 1 !important; transform: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;1,400;1,500\u0026family=Work+Sans:wght@400;500;600\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"amalfi-hero\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"amalfi-eyebrow\"\u003eHand-strung pearls · handcrafted\u003c\/div\u003e\n      \u003ch2 class=\"amalfi-title serif\"\u003eAmalfi\u003cbr\u003e\u003cem\u003ewears like a piece of jewelry.\u003c\/em\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"amalfi-lede\"\u003e\n        Every pearl is set by hand along a soft leather strap, so no two pairs catch\n        the light the same way. \u003cstrong\u003eUnderneath the shine sits a padded anatomical\n        footbed\u003c\/strong\u003e — because a sandal this beautiful still has to carry you\n        through a full day.\n      \u003c\/p\u003e\n      \u003cdiv class=\"amalfi-tags\"\u003e\n        \u003cdiv class=\"amalfi-tag\"\u003e\n          \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"txt\"\u003e\u003cstrong\u003eAll-day, anatomical comfort\u003c\/strong\u003e\n            \u003cspan\u003eA padded anatomical insole cradles the foot, so it feels as good by evening as it did that morning.\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"amalfi-tag\"\u003e\n          \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"txt\"\u003e\u003cstrong\u003ePearls, set by hand\u003c\/strong\u003e\n            \u003cspan\u003eEach pearl is placed individually — a small, deliberate detail that turns a sandal into a statement.\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"amalfi-tag\"\u003e\n          \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"txt\"\u003e\u003cstrong\u003eOne silhouette, three moods\u003c\/strong\u003e\n            \u003cspan\u003eBlack, White or Brown — the same elegant shape, ready for whichever look you're building.\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amalfi-hero-visual\"\u003e\n      \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9989.jpg?v=1786039215\u0026width=1200\" alt=\"Amalfi Pearl Sandal in Black\"\u003e\n      \u003cdiv class=\"stamp\"\u003ePearl · Amalfi\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SHOWCASE --\u003e\n  \u003cdiv class=\"amalfi-showcase\"\u003e\n    \u003cdiv class=\"amalfi-showcase-frame\"\u003e\n      \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9992.jpg?v=1786039311\u0026width=1946\" alt=\"Amalfi Pearl Sandal detail\"\u003e\n      \u003cdiv class=\"amalfi-showcase-caption\"\u003e\n        \u003cp class=\"serif\"\u003eMade to be looked at up close.\u003c\/p\u003e\n        \u003cp\u003eThe pearls are set along real leather, not printed or glued — so the finish holds up to sun, sand and a full summer of wear.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ON THE FOOT --\u003e\n  \u003cdiv class=\"amalfi-worn\"\u003e\n    \u003cdiv class=\"amalfi-worn-head\"\u003e\n      \u003ch3 class=\"serif\"\u003eStyled the way you'd actually wear it\u003c\/h3\u003e\n      \u003cp\u003eFrom a linen dress to your everyday denim — Amalfi is dressy enough to matter and easy enough to reach for daily.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amalfi-worn-grid\"\u003e\n      \u003cdiv class=\"amalfi-worn-card\"\u003e\n        \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9993.jpg?v=1786039264\u0026width=800\" alt=\"Amalfi Pearl Sandal worn, look 1\"\u003e\n        \u003cdiv class=\"cap\"\u003eEffortless, everyday\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amalfi-worn-card\"\u003e\n        \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9995.jpg?v=1786039215\u0026width=800\" alt=\"Amalfi Pearl Sandal worn, look 2\"\u003e\n        \u003cdiv class=\"cap\"\u003eDressed up for evening\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amalfi-worn-card\"\u003e\n        \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9994.jpg?v=1786039215\u0026width=800\" alt=\"Amalfi Pearl Sandal worn, look 3\"\u003e\n        \u003cdiv class=\"cap\"\u003eStraight off the boardwalk\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- COLOR SCROLL --\u003e\n  \u003cdiv class=\"amalfi-colors\"\u003e\n    \u003cdiv class=\"amalfi-colors-head\"\u003e\n      \u003ch3 class=\"serif\"\u003eThree finishes, one sandal\u003c\/h3\u003e\n      \u003cp\u003eAmalfi comes in Black, White and Brown — pick the one that finishes your look, or start a collection.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"amalfi-rail-wrap\"\u003e\n      \u003cdiv class=\"amalfi-rail\" id=\"amalfiRail\"\u003e\n        \u003cdiv class=\"amalfi-tagcard\"\u003e\n          \u003cdiv class=\"hole\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9989.jpg?v=1786039215\u0026width=400\" alt=\"Black\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"name\"\u003e\n\u003cspan class=\"dot\" style=\"background:#1A1A1A\"\u003e\u003c\/span\u003eBlack\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"amalfi-tagcard\"\u003e\n          \u003cdiv class=\"hole\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9987.jpg?v=1786039215\u0026width=400\" alt=\"White\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"name\"\u003e\n\u003cspan class=\"dot\" style=\"background:#F5F1EA;border-color:#ccc\"\u003e\u003c\/span\u003eWhite\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"amalfi-tagcard\"\u003e\n          \u003cdiv class=\"hole\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/IMG_9988.jpg?v=1786039215\u0026width=400\" alt=\"Brown\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"name\"\u003e\n\u003cspan class=\"dot\" style=\"background:#6B4226\"\u003e\u003c\/span\u003eBrown\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      var rail = document.getElementById('amalfiRail');\n      if (!rail) return;\n      var isDown = false, startX, scrollLeft;\n      rail.addEventListener('mousedown', function(e) {\n        isDown = true; startX = e.pageX - rail.offsetLeft; scrollLeft = rail.scrollLeft;\n      });\n      window.addEventListener('mouseup', function() { isDown = false; });\n      rail.addEventListener('mouseleave', function() { isDown = false; });\n      rail.addEventListener('mousemove', function(e) {\n        if (!isDown) return;\n        e.preventDefault();\n        var x = e.pageX - rail.offsetLeft;\n        rail.scrollLeft = scrollLeft - (x - startX) * 1.4;\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"Bottega Verati","offers":[{"title":"34 \/ Black","offer_id":44509411868760,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"34 \/ White","offer_id":44509411901528,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"34 \/ Brown","offer_id":44509411934296,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"35 \/ Black","offer_id":44509411967064,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"35 \/ White","offer_id":44509411999832,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"35 \/ Brown","offer_id":44509412032600,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"36 \/ Black","offer_id":44509412065368,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"36 \/ White","offer_id":44509412098136,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"36 \/ Brown","offer_id":44509412130904,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"37 \/ Black","offer_id":44509412163672,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"37 \/ White","offer_id":44509412196440,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"37 \/ Brown","offer_id":44509412229208,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"38 \/ Black","offer_id":44509412261976,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"38 \/ White","offer_id":44509412294744,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"38 \/ Brown","offer_id":44509412327512,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"39 \/ Black","offer_id":44509412360280,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"39 \/ White","offer_id":44509412393048,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"39 \/ Brown","offer_id":44509412425816,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"40 \/ Black","offer_id":44509412458584,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"40 \/ White","offer_id":44509412491352,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"40 \/ Brown","offer_id":44509412524120,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"41 \/ Black","offer_id":44509412556888,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"41 \/ White","offer_id":44509412589656,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true},{"title":"41 \/ Brown","offer_id":44509412622424,"sku":null,"price":44.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/9607\/7144\/files\/ChatGPT_Image_6_de_ago._de_2026_15_31_46.png?v=1786041263","url":"https:\/\/bottegaverati.com\/en-en\/products\/amalfi-pearl-sandal","provider":"Bottega Verati","version":"1.0","type":"link"}