{"product_id":"capri-heeled-sandals","title":"Capri Heeled Sandals","description":"\u003c!--\n  SALES SECTION — \"Capri Heeled Sandals\" (Bottega Verati)\n  How to use it on Shopify: Theme \u003e Customize \u003e add section \"Custom Liquid\" \/ \"Custom HTML\"\n  and paste this code. It is self-contained (CSS + JS included), nothing else is needed.\n--\u003e\n\u003cstyle\u003e\n    .santorini-section {\n      --ivory: #FAF6EF;\n      --sand: #EDE2CC;\n      --sand-deep: #DDCDA8;\n      --indigo: #1F3A5F;\n      --indigo-deep: #14283F;\n      --gold: #A9834C;\n      --ink: #221D16;\n      --paper: #FFFEFB;\n      font-family: 'Jost', -apple-system, sans-serif;\n      color: var(--ink);\n      background: var(--ivory);\n      overflow: hidden;\n      position: relative;\n    }\n    .santorini-section * { box-sizing: border-box; }\n    .santorini-section .serif {\n      font-family: 'Cormorant Garamond', 'Times New Roman', serif;\n    }\n\n    \/* ---------- HERO ---------- *\/\n    .santorini-hero {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 96px 32px 80px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    .santorini-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 11.5px;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--indigo);\n      font-weight: 500;\n      margin-bottom: 22px;\n      opacity: 0;\n      transform: translateY(10px);\n      animation: santoriniRise 0.7s ease forwards;\n    }\n    .santorini-eyebrow::before {\n      content: \"\";\n      width: 26px;\n      height: 1px;\n      background: var(--gold);\n      display: inline-block;\n    }\n    .santorini-title {\n      font-size: clamp(52px, 7.5vw, 96px);\n      line-height: 1.0;\n      font-weight: 500;\n      color: var(--indigo-deep);\n      margin: 0 0 26px;\n      letter-spacing: -0.005em;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: santoriniRise 0.8s ease 0.1s forwards;\n    }\n    .santorini-title em {\n      font-style: italic;\n      font-weight: 400;\n      color: var(--gold);\n    }\n    .santorini-lede {\n      font-size: 17.5px;\n      line-height: 1.7;\n      color: #4a4136;\n      max-width: 46ch;\n      margin: 0 0 36px;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: santoriniRise 0.8s ease 0.22s forwards;\n      font-weight: 300;\n    }\n    .santorini-lede strong { color: var(--indigo); font-weight: 500; }\n\n    .santorini-tags {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      opacity: 0;\n      transform: translateY(14px);\n      animation: santoriniRise 0.8s ease 0.34s forwards;\n    }\n    .santorini-tag {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 18px;\n      background: var(--paper);\n      border: 1px solid var(--sand-deep);\n      border-left: 3px solid var(--gold);\n      border-radius: 2px;\n    }\n    .santorini-tag .mark {\n      font-family: 'Cormorant Garamond', serif;\n      font-style: italic;\n      font-size: 20px;\n      color: var(--gold);\n      min-width: 16px;\n      line-height: 1.2;\n    }\n    .santorini-tag .txt strong {\n      display: block;\n      font-size: 14.5px;\n      font-weight: 500;\n      color: var(--indigo-deep);\n      margin-bottom: 2px;\n      letter-spacing: 0.01em;\n    }\n    .santorini-tag .txt span {\n      font-size: 13.5px;\n      color: #5c5344;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n    .santorini-hero-visual {\n      position: relative;\n      opacity: 0;\n      animation: santoriniFade 1s ease 0.3s forwards;\n    }\n    .santorini-hero-visual img {\n      width: 100%;\n      display: block;\n      border-radius: 4px;\n      box-shadow: 0 30px 60px -22px rgba(20, 40, 63, 0.28);\n    }\n    .santorini-hero-visual .stamp {\n      position: absolute;\n      bottom: -18px;\n      left: -18px;\n      background: var(--indigo-deep);\n      color: var(--paper);\n      font-family: 'Cormorant Garamond', serif;\n      font-style: italic;\n      font-size: 15px;\n      padding: 10px 20px;\n      border-radius: 2px;\n      box-shadow: 0 10px 24px rgba(0,0,0,0.2);\n      letter-spacing: 0.02em;\n    }\n\n    @keyframes santoriniRise {\n      to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes santoriniFade {\n      to { opacity: 1; }\n    }\n\n    \/* ---------- SHOWCASE IMAGE ---------- *\/\n    .santorini-showcase {\n      position: relative;\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 32px 100px;\n    }\n    .santorini-showcase-frame {\n      position: relative;\n      border-radius: 6px;\n      overflow: hidden;\n      background: var(--indigo-deep);\n    }\n    .santorini-showcase-frame img {\n      width: 100%;\n      display: block;\n      opacity: 0.96;\n    }\n    .santorini-showcase-caption {\n      position: absolute;\n      left: 32px;\n      bottom: 32px;\n      max-width: 380px;\n      color: var(--paper);\n    }\n    .santorini-showcase-caption .serif {\n      font-size: 25px;\n      font-style: italic;\n      font-weight: 400;\n      line-height: 1.3;\n      margin: 0 0 8px;\n    }\n    .santorini-showcase-caption p {\n      font-size: 13.5px;\n      opacity: 0.85;\n      margin: 0;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n    \/* ---------- COLOR SCROLL ---------- *\/\n    .santorini-colors {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 0 32px 110px;\n    }\n    .santorini-colors-head {\n      max-width: 640px;\n      margin: 0 auto 48px;\n      text-align: center;\n    }\n    .santorini-colors-head .serif {\n      font-size: clamp(30px, 4vw, 42px);\n      color: var(--indigo-deep);\n      margin: 0 0 14px;\n      font-weight: 500;\n      font-style: italic;\n    }\n    .santorini-colors-head p {\n      font-size: 15px;\n      color: #5c5344;\n      line-height: 1.65;\n      margin: 0;\n      font-weight: 300;\n    }\n\n    .santorini-rail-wrap { position: relative; }\n    .santorini-rail {\n      display: flex;\n      gap: 22px;\n      overflow-x: auto;\n      padding: 20px 6px 30px;\n      scroll-snap-type: x proximity;\n      scrollbar-width: none;\n      cursor: grab;\n    }\n    .santorini-rail::-webkit-scrollbar { display: none; }\n    .santorini-rail:active { cursor: grabbing; }\n\n    .santorini-colorcard {\n      flex: 0 0 auto;\n      width: 172px;\n      scroll-snap-align: start;\n      background: var(--paper);\n      border-radius: 3px;\n      padding: 0 0 16px;\n      box-shadow: 0 12px 28px -14px rgba(20,40,63,0.22);\n      position: relative;\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n      overflow: hidden;\n    }\n    .santorini-colorcard:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 20px 36px -14px rgba(20,40,63,0.3);\n    }\n    .santorini-colorcard .thumb {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      overflow: hidden;\n      background: var(--sand);\n      margin-bottom: 12px;\n    }\n    .santorini-colorcard .thumb img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    .santorini-colorcard .name {\n      font-family: 'Cormorant Garamond', serif;\n      font-style: italic;\n      font-size: 16px;\n      color: var(--indigo-deep);\n      text-align: center;\n      padding: 0 10px;\n    }\n    .santorini-colorcard .swatch-row {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      padding: 0 10px;\n    }\n    .santorini-colorcard .dot {\n      width: 9px; height: 9px;\n      border-radius: 50%;\n      display: inline-block;\n      border: 1px solid rgba(0,0,0,0.15);\n    }\n\n    .santorini-rail-hint {\n      text-align: center;\n      font-size: 12px;\n      color: #83765f;\n      letter-spacing: 0.06em;\n      margin-top: 4px;\n      text-transform: uppercase;\n    }\n    .santorini-rail-hint span { color: var(--gold); font-weight: 500; }\n\n    @media (max-width: 860px) {\n      .santorini-hero { grid-template-columns: 1fr; padding-top: 64px; }\n      .santorini-hero-visual { order: -1; }\n      .santorini-showcase-caption { left: 20px; bottom: 20px; max-width: 260px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .santorini-eyebrow, .santorini-title, .santorini-lede, .santorini-tags, .santorini-hero-visual {\n        animation: none !important; opacity: 1 !important; transform: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"santorini-section\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500\u0026amp;family=Jost:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"santorini-hero\"\u003e\n  \u003cdiv\u003e\n    \u003cdiv class=\"santorini-eyebrow\"\u003eHandcrafted leather · Aegean line\u003c\/div\u003e\n    \u003ch2 class=\"santorini-title serif\"\u003eCapri Heeled Sandals\u003cbr\u003e\u003cem\u003eelegance that walks with you.\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"santorini-lede\"\u003eEvery pair is cut from soft, hand-selected leather and finished with a sculpted heel built to carry you from morning errands to evening dinners. \u003cstrong\u003eIt isn't just a sandal — it's the quiet confidence of knowing you're dressed right\u003c\/strong\u003e, whatever the day brings.\u003c\/p\u003e\n    \u003cdiv class=\"santorini-tags\"\u003e\n      \u003cdiv class=\"santorini-tag\"\u003e\n        \u003cspan class=\"mark\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"txt\"\u003e\u003cstrong\u003eAll-day comfort\u003c\/strong\u003e\u003cspan\u003eA cushioned footbed and a balanced heel height, designed to stay effortless from breakfast to sunset.\u003c\/span\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"santorini-tag\"\u003e\n        \u003cspan class=\"mark\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"txt\"\u003e\u003cstrong\u003eRefined by hand\u003c\/strong\u003e\u003cspan\u003eSupple leather straps finished with precise stitching for a silhouette that feels tailored, not mass-made.\u003c\/span\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"santorini-tag\"\u003e\n        \u003cspan class=\"mark\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"txt\"\u003e\u003cstrong\u003eMade to last\u003c\/strong\u003e\u003cspan\u003eA reinforced sole and treated leather built to hold their shape season after season.\u003c\/span\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"santorini-hero-visual\"\u003e\n    \u003cimg src=\"https:\/\/bottegaverati.com\/cdn\/shop\/files\/05f8de29-40c0-4846-ac8b-15fedc65c2ab.png?v=1787940811\u0026amp;width=1946\" alt=\"Bottega Verati Capri Heeled Sandals heeled sandals in brown leather\"\u003e\n    \u003cdiv class=\"stamp\"\u003eBottega Verati · Capri Heeled Sandals\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- SHOWCASE --\u003e\n\u003cdiv class=\"santorini-showcase\"\u003e\n  \u003cdiv class=\"santorini-showcase-frame\"\u003e\n    \u003cimg src=\"https:\/\/usebellaro.com\/cdn\/shop\/files\/8.png?v=1787677356\u0026amp;width=1600\" alt=\"Bottega Verati Capri Heeled Sandals sandals in white leather, detail\"\u003e\n    \u003cdiv class=\"santorini-showcase-caption\"\u003e\n      \u003cp class=\"serif\"\u003eBuilt to be seen\u003cbr\u003eup close.\u003c\/p\u003e\n      \u003cp\u003eFrom the grain of the leather to the line of the heel, every detail is made to hold up to a second look — because elegance is in the finish.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- COLOR SCROLL --\u003e\n\u003cdiv class=\"santorini-colors\"\u003e\n  \u003cdiv class=\"santorini-colors-head\"\u003e\n    \u003ch3 class=\"serif\"\u003eA shade for every occasion\u003c\/h3\u003e\n    \u003cp\u003eFrom classic neutrals to a soft statement pink — Capri Heeled Sandals comes in four colorways, so you can find the one that feels most like you.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"santorini-rail-wrap\"\u003e\n    \u003cdiv class=\"santorini-rail\" id=\"santoriniRail\"\u003e\n      \u003cdiv class=\"santorini-colorcard\"\u003e\n        \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/usebellaro.com\/cdn\/shop\/files\/2.png?v=1787677356\u0026amp;width=400\" alt=\"Bottega Verati Capri Heeled Sandals sandals in brown leather\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swatch-row\"\u003e\u003cspan class=\"dot\" style=\"background:#6B4226;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"name\"\u003eBrown\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"santorini-colorcard\"\u003e\n        \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/usebellaro.com\/cdn\/shop\/files\/6.png?v=1787677356\u0026amp;width=400\" alt=\"Bottega Verati Capri Heeled Sandals sandals in black leather\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swatch-row\"\u003e\u003cspan class=\"dot\" style=\"background:#1A1A1A;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"name\"\u003eBlack\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"santorini-colorcard\"\u003e\n        \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/usebellaro.com\/cdn\/shop\/files\/8.png?v=1787677356\u0026amp;width=400\" alt=\"Bottega Verati Capri Heeled Sandals sandals in white leather\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swatch-row\"\u003e\u003cspan class=\"dot\" style=\"background:#F5F1EA; border-color:#c9c0ad;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"name\"\u003eWhite\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"santorini-colorcard\"\u003e\n        \u003cdiv class=\"thumb\"\u003e\u003cimg src=\"https:\/\/usebellaro.com\/cdn\/shop\/files\/11_44674f72-d6c5-4dbf-b861-fcc29d2609b4.png?v=1787677356\u0026amp;width=400\" alt=\"Bottega Verati Capri Heeled Sandals sandals in pink leather\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swatch-row\"\u003e\u003cspan class=\"dot\" style=\"background:#C22D5A;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"name\"\u003ePink\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"santorini-rail-hint\"\u003eDrag to see every color \u003cspan\u003e→\u003c\/span\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    (function() {\n      var rail = document.getElementById('santoriniRail');\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":"Brown \/ 35","offer_id":44672483360856,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 36","offer_id":44672483393624,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 37","offer_id":44672483426392,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 38","offer_id":44672483459160,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 39","offer_id":44672483491928,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 40","offer_id":44672483524696,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 41","offer_id":44672483557464,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ 42","offer_id":44672483590232,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 35","offer_id":44672483623000,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 36","offer_id":44672483655768,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 37","offer_id":44672483688536,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 38","offer_id":44672483721304,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 39","offer_id":44672483754072,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 40","offer_id":44672483786840,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 41","offer_id":44672483819608,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Black \/ 42","offer_id":44672483852376,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 35","offer_id":44672483885144,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 36","offer_id":44672483917912,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 37","offer_id":44672483950680,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 38","offer_id":44672483983448,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 39","offer_id":44672484016216,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 40","offer_id":44672484048984,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 41","offer_id":44672484081752,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"White \/ 42","offer_id":44672484114520,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 35","offer_id":44672484147288,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 36","offer_id":44672484180056,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 37","offer_id":44672484212824,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 38","offer_id":44672484245592,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 39","offer_id":44672484278360,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 40","offer_id":44672484311128,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 41","offer_id":44672484343896,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ 42","offer_id":44672484376664,"sku":null,"price":56.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/9607\/7144\/files\/05f8de29-40c0-4846-ac8b-15fedc65c2ab.png?v=1787940811","url":"https:\/\/bottegaverati.com\/en-en\/products\/capri-heeled-sandals","provider":"Bottega Verati","version":"1.0","type":"link"}