{"id":535373,"url":"\/egift-cards\/","layout":"standard","version":"2026-09-03T10:02:08.000000Z","blocks":[{"id":5321543,"type":"html","published":1,"size":{"x":12,"y":0},"order":0,"items":[],"properties":{"html":{"id":135777840,"value":"<style>\n\/* =========================================================\n   RIDGE & ROW eGIFT CARD\n   3-STEP MASTER\n   Create \u2192 Delivery \u2192 Payment\n   ========================================================= *\/\n\n.rr-gift-hero,\n.rr-gift-wrap,\n#rr-giftup-stage {\n  font-family: inherit;\n}\n\n.rr-gift-hero *,\n.rr-gift-wrap *,\n#rr-giftup-stage * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.rr-gift-hero {\n  position: relative;\n  width: 100%;\n  min-height: 275px;\n  overflow: hidden;\n\n  background: #254D38;\n  color: #FFFFFF;\n\n  box-shadow: 0 0 0 100vmax #254D38;\n  clip-path: inset(0 -100vmax);\n}\n\n.rr-gift-hero:after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n\n  background-image:\n    url(\"https:\/\/images.teemill.com\/za4ccn049vvhqqidrbqd6rkkngn5p4ksrxak3lugjpim0fs7.png?project=ajay-447510\");\n\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 72% center;\n}\n\n.rr-gift-hero:before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #254D38 0%,\n      #254D38 24%,\n      rgba(37,77,56,.995) 30%,\n      rgba(37,77,56,.97) 36%,\n      rgba(37,77,56,.88) 43%,\n      rgba(37,77,56,.72) 52%,\n      rgba(37,77,56,.50) 61%,\n      rgba(37,77,56,.28) 70%,\n      rgba(37,77,56,.12) 79%,\n      rgba(37,77,56,.03) 90%,\n      rgba(37,77,56,0) 100%\n    );\n}\n\n.rr-gift-hero-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 1040px;\n  min-height: 275px;\n\n  margin: 0 auto;\n  padding: 42px 22px;\n\n  display: flex;\n  align-items: center;\n}\n\n.rr-gift-hero-copy {\n  width: 48%;\n  min-width: 0;\n}\n\n.rr-gift-kicker {\n  margin: 0 0 9px;\n\n  color: #F8F6F2;\n\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 700;\n\n  letter-spacing: .19em;\n  text-transform: uppercase;\n}\n\n.rr-gift-hero h1 {\n  max-width: 470px;\n\n  margin: 0;\n\n  color: #FFFFFF;\n\n  font-size: 40px;\n  line-height: 1.08;\n}\n\n.rr-gift-hero h1:after {\n  content: \"\";\n\n  display: block;\n\n  width: 48px;\n  height: 3px;\n\n  margin: 15px 0 14px;\n\n  background: #E8621A;\n}\n\n.rr-gift-hero p {\n  max-width: 560px;\n\n  margin: 0;\n\n  color: #F8F6F2;\n\n  font-size: 15px;\n  line-height: 1.55;\n}\n\n.rr-nowrap {\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.rr-gift-wrap {\n  max-width: 920px;\n\n  margin: 0 auto;\n  padding: 27px 22px 60px;\n\n  color: #1E2129;\n}\n\n\n\/* =========================================================\n   THREE STEP PROGRESS\n   ========================================================= *\/\n\n.rr-progress {\n  display: flex;\n  align-items: flex-start;\n\n  max-width: 690px;\n\n  margin: 0 auto 27px;\n  padding: 0 8px;\n}\n\n.rr-step {\n  position: relative;\n\n  flex: 0 0 auto;\n  width: 130px;\n\n  text-align: center;\n\n  color: #8A8E92;\n\n  transition: color .2s ease;\n}\n\n.rr-step-circle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n\n  margin: 0 auto 7px;\n\n  border: 2px solid #D5D0C8;\n  border-radius: 50%;\n\n  background: #FFFFFF;\n\n  color: #8A8E92;\n\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 700;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    color .2s ease,\n    box-shadow .2s ease;\n}\n\n.rr-step-label {\n  display: block;\n\n  font-size: 12px;\n  line-height: 1.3;\n  font-weight: 700;\n}\n\n.rr-step-sub {\n  display: block;\n\n  margin-top: 2px;\n\n  color: #999D9F;\n\n  font-size: 10px;\n  line-height: 1.3;\n}\n\n.rr-step.active .rr-step-circle {\n  border-color: #254D38;\n\n  background: #254D38;\n  color: #FFFFFF;\n\n  box-shadow:\n    0 0 0 4px rgba(232,98,26,.12);\n}\n\n.rr-step.active .rr-step-label {\n  color: #254D38;\n}\n\n.rr-step.complete {\n  color: #254D38;\n}\n\n.rr-step.complete .rr-step-circle {\n  border-color: #254D38;\n\n  background: #254D38;\n  color: #FFFFFF;\n}\n\n.rr-step.complete .rr-step-number {\n  display: none;\n}\n\n.rr-step.complete .rr-step-check {\n  display: inline;\n}\n\n.rr-step-check {\n  display: none;\n\n  font-size: 18px;\n  line-height: 1;\n}\n\n.rr-progress-line {\n  position: relative;\n\n  flex: 1 1 auto;\n\n  height: 2px;\n\n  margin-top: 18px;\n\n  background: #DDD8D0;\n\n  overflow: hidden;\n}\n\n.rr-progress-line:after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background: #E8621A;\n\n  transform: scaleX(0);\n  transform-origin: left center;\n\n  transition: transform .3s ease;\n}\n\n.rr-progress-line.complete:after {\n  transform: scaleX(1);\n}\n\n\n\/* =========================================================\n   QUICK INFORMATION\n   ========================================================= *\/\n\n.rr-preinfo {\n  margin: 0 0 30px;\n\n  border: 1px solid #E1DCD4;\n  border-radius: 10px;\n\n  background: #F8F6F2;\n\n  overflow: hidden;\n}\n\n.rr-preinfo-quick {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.rr-preinfo-item {\n  position: relative;\n\n  padding: 15px 18px 14px 37px;\n}\n\n.rr-preinfo-item + .rr-preinfo-item {\n  border-left: 1px solid #E1DCD4;\n}\n\n.rr-preinfo-dot {\n  position: absolute;\n\n  left: 18px;\n  top: 20px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #E8621A;\n}\n\n.rr-preinfo-title {\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: #254D38;\n\n  font-size: 12px;\n  line-height: 1.3;\n  font-weight: 700;\n}\n\n.rr-preinfo-copy {\n  display: block;\n\n  color: #62676B;\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   EXPANDABLE INFORMATION\n   ========================================================= *\/\n\n.rr-info-details {\n  border-top: 1px solid #E1DCD4;\n\n  background: #FFFFFF;\n}\n\n.rr-info-details summary {\n  position: relative;\n\n  display: block;\n\n  padding: 13px 48px 13px 18px;\n\n  color: #1E2129;\n\n  font-size: 12px;\n  line-height: 1.4;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  list-style: none;\n}\n\n.rr-info-details summary::-webkit-details-marker {\n  display: none;\n}\n\n.rr-info-details summary:hover {\n  color: #254D38;\n\n  background: #FCFBF9;\n}\n\n.rr-info-details summary:after {\n  content: \"+\";\n\n  position: absolute;\n\n  right: 18px;\n  top: 50%;\n\n  transform: translateY(-50%);\n\n  color: #E8621A;\n\n  font-size: 22px;\n  line-height: 1;\n}\n\n.rr-info-details[open] summary:after {\n  content: \"\u2212\";\n}\n\n.rr-info-body {\n  padding: 24px;\n\n  border-top: 1px solid #E8E3DC;\n}\n\n.rr-info-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n\n  gap: 32px;\n}\n\n.rr-info-kicker {\n  margin: 0 0 7px;\n\n  color: #254D38;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.rr-info-block h3 {\n  margin: 0 0 8px;\n\n  color: #1E2129;\n\n  font-size: 20px;\n  line-height: 1.2;\n}\n\n.rr-info-block > p {\n  margin: 0 0 14px;\n\n  color: #5A6065;\n\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.rr-info-list {\n  list-style: none;\n\n  margin: 0;\n  padding: 0;\n}\n\n.rr-info-list li {\n  position: relative;\n\n  margin: 0 0 8px;\n  padding-left: 16px;\n\n  color: #353A3F;\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.rr-info-list li:before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: .55em;\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #E8621A;\n}\n\n.rr-info-link {\n  display: inline-block;\n\n  margin-top: 15px;\n\n  color: #254D38;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.rr-info-link:hover {\n  color: #E8621A;\n}\n\n\n\/* =========================================================\n   CREATE SECTION\n   ========================================================= *\/\n\n.rr-create-section {\n  scroll-margin-top: 90px;\n}\n\n.rr-section-accent {\n  display: block;\n\n  width: 30px;\n  height: 3px;\n\n  margin-bottom: 9px;\n\n  background: #E8621A;\n}\n\n.rr-create-section h2,\n.rr-stage-head h2 {\n  margin: 0 0 6px;\n\n  color: #1E2129;\n\n  font-size: 25px;\n  line-height: 1.2;\n}\n\n.rr-section-intro {\n  margin: 0 0 19px;\n\n  color: #60656B;\n\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   AMOUNT \/ ARTWORK\n   ========================================================= *\/\n\n.rr-create-block {\n  margin-bottom: 25px;\n}\n\n.rr-create-label {\n  display: block;\n\n  margin: 0 0 10px;\n\n  color: #254D38;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.rr-values {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 14px;\n}\n\n.rr-value {\n  position: relative;\n\n  overflow: hidden;\n\n  border: 2px solid #D8D3CB;\n  border-radius: 10px;\n\n  background: #FFFFFF;\n\n  padding: 0;\n\n  color: #1E2129;\n\n  font-family: inherit;\n\n  text-align: left;\n\n  cursor: pointer;\n\n  transition:\n    border-color .18s ease,\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n.rr-value:hover {\n  border-color: #E8621A;\n\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 7px 17px rgba(30,33,41,.09);\n}\n\n.rr-value.active {\n  border-color: #254D38;\n\n  box-shadow:\n    inset 0 3px 0 #E8621A,\n    0 7px 17px rgba(30,33,41,.07);\n}\n\n.rr-value:focus-visible {\n  outline: 3px solid #E8621A;\n  outline-offset: 3px;\n}\n\n.rr-value-art {\n  position: relative;\n\n  display: block;\n\n  aspect-ratio: 3 \/ 1.8;\n\n  overflow: hidden;\n\n  background: #E9E5DF;\n}\n\n.rr-value-art img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n}\n\n.rr-value-body {\n  display: block;\n\n  padding: 12px 14px 13px;\n\n  text-align: center;\n}\n\n.rr-value-price {\n  display: block;\n\n  margin-bottom: 3px;\n\n  font-size: 24px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.rr-value-copy {\n  display: block;\n\n  color: #686D72;\n\n  font-size: 11px;\n  line-height: 1.35;\n}\n\n.rr-value.active:after {\n  content: \"\u2713\";\n\n  position: absolute;\n\n  right: 9px;\n  top: 9px;\n  z-index: 2;\n\n  width: 23px;\n  height: 23px;\n\n  border-radius: 50%;\n\n  background: #254D38;\n\n  color: #FFFFFF;\n\n  font-size: 13px;\n  line-height: 23px;\n  font-weight: 700;\n\n  text-align: center;\n\n  box-shadow:\n    0 2px 6px rgba(0,0,0,.17);\n}\n\n\n\/* =========================================================\n   DETAILS FORM\n   ========================================================= *\/\n\n.rr-personalise {\n  border: 1px solid #E1DCD4;\n  border-radius: 11px;\n\n  background: #F8F6F2;\n\n  padding: 25px 27px;\n}\n\n.rr-detail-list {\n  display: flex;\n  flex-direction: column;\n\n  gap: 14px;\n}\n\n.rr-detail-row {\n  display: grid;\n  grid-template-columns: 155px minmax(0, 1fr);\n\n  gap: 20px;\n\n  align-items: center;\n}\n\n.rr-detail-row-message {\n  align-items: start;\n}\n\n.rr-detail-label {\n  color: #1E2129;\n\n  font-size: 14px;\n  line-height: 1.35;\n  font-weight: 600;\n}\n\n.rr-detail-row-message .rr-detail-label {\n  padding-top: 12px;\n}\n\n.rr-required {\n  margin-right: 4px;\n\n  color: #E8621A;\n\n  font-weight: 700;\n}\n\n.rr-detail-control {\n  width: 100%;\n  max-width: 590px;\n}\n\n.rr-detail-control input,\n.rr-detail-control textarea {\n  width: 100%;\n\n  border: 1px solid #C8C5C0;\n  border-radius: 6px;\n\n  background: #FFFFFF;\n\n  padding: 12px 14px;\n\n  color: #1E2129;\n\n  font-family: inherit;\n  font-size: 15px;\n  line-height: 1.4;\n\n  transition:\n    border-color .18s ease,\n    box-shadow .18s ease;\n}\n\n.rr-detail-control input::placeholder,\n.rr-detail-control textarea::placeholder {\n  color: #8C9094;\n}\n\n.rr-detail-control input:focus,\n.rr-detail-control textarea:focus {\n  outline: none;\n\n  border-color: #254D38;\n\n  box-shadow:\n    0 0 0 2px rgba(37,77,56,.09),\n    inset 3px 0 0 #E8621A;\n}\n\n.rr-detail-control textarea {\n  min-height: 115px;\n\n  resize: vertical;\n}\n\n\n\/* =========================================================\n   CUSTOM WHITE MESSAGE DROPDOWN\n   ========================================================= *\/\n\n.rr-custom-select {\n  position: relative;\n\n  width: 100%;\n}\n\n.rr-custom-select-button {\n  position: relative;\n\n  width: 100%;\n  min-height: 46px;\n\n  border: 1px solid #AFAFAA;\n  border-radius: 6px;\n\n  background: #FFFFFF;\n\n  padding: 11px 46px 11px 14px;\n\n  color: #1E2129;\n\n  font-family: inherit;\n  font-size: 15px;\n  line-height: 1.4;\n\n  text-align: left;\n\n  cursor: pointer;\n}\n\n.rr-custom-select-button:hover {\n  border-color: #254D38;\n}\n\n.rr-custom-select-button:focus-visible {\n  outline: none;\n\n  border-color: #254D38;\n\n  box-shadow:\n    0 0 0 2px rgba(37,77,56,.09),\n    inset 3px 0 0 #E8621A;\n}\n\n.rr-custom-select-arrow {\n  position: absolute;\n\n  right: 18px;\n  top: 50%;\n\n  width: 8px;\n  height: 8px;\n\n  margin-top: -6px;\n\n  border-right: 2px solid #1E2129;\n  border-bottom: 2px solid #1E2129;\n\n  transform: rotate(45deg);\n\n  transition: transform .18s ease;\n}\n\n.rr-custom-select.open .rr-custom-select-arrow {\n  margin-top: -1px;\n\n  transform: rotate(225deg);\n}\n\n.rr-custom-select-menu {\n  position: absolute;\n\n  z-index: 200;\n\n  top: calc(100% + 4px);\n  left: 0;\n  right: 0;\n\n  max-height: 360px;\n\n  overflow-y: auto;\n\n  border: 1px solid #C8C5C0;\n  border-radius: 6px;\n\n  background: #FFFFFF;\n\n  padding: 5px 0;\n\n  box-shadow:\n    0 12px 28px rgba(30,33,41,.16);\n}\n\n.rr-custom-option {\n  display: block;\n\n  width: 100%;\n\n  border: 0;\n\n  background: #FFFFFF;\n\n  padding: 10px 14px;\n\n  color: #1E2129;\n\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.35;\n\n  text-align: left;\n\n  cursor: pointer;\n}\n\n.rr-custom-option:hover,\n.rr-custom-option:focus {\n  outline: none;\n\n  background: #F8F6F2;\n\n  color: #254D38;\n}\n\n.rr-custom-option.selected {\n  background: #254D38;\n\n  color: #FFFFFF;\n}\n\n.rr-message-box {\n  margin-top: 9px;\n}\n\n.rr-message-count {\n  margin-top: 4px;\n\n  color: #777777;\n\n  font-size: 11px;\n\n  text-align: right;\n}\n\n.rr-message-note {\n  margin-top: 4px;\n\n  color: #73787D;\n\n  font-size: 10px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   ERROR\n   ========================================================= *\/\n\n.rr-error {\n  display: none;\n\n  margin: 0 0 17px;\n\n  border-left: 4px solid #E8621A;\n\n  background: #FFF6F0;\n\n  padding: 11px 14px;\n\n  color: #1E2129;\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.rr-action {\n  margin-top: 22px;\n\n  text-align: center;\n}\n\n.rr-primary-button {\n  width: 100%;\n  max-width: 470px;\n\n  border: 0;\n  border-radius: 6px;\n\n  background: #254D38;\n\n  padding: 15px 24px;\n\n  color: #FFFFFF !important;\n\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 700;\n\n  cursor: pointer;\n\n  transition:\n    background .18s ease,\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n.rr-primary-button:hover {\n  background: #E8621A;\n\n  color: #FFFFFF !important;\n\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 7px 18px rgba(30,33,41,.14);\n}\n\n.rr-primary-button:focus-visible {\n  outline: 3px solid #E8621A;\n  outline-offset: 3px;\n}\n\n.rr-secure {\n  margin-top: 9px;\n\n  color: #71767A;\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   DELIVERY \/ PAYMENT STAGE\n   ========================================================= *\/\n\n#rr-giftup-stage {\n  display: none;\n\n  max-width: 920px;\n\n  margin: 0 auto;\n  padding: 30px 22px 65px;\n\n  color: #1E2129;\n}\n\n.rr-checkout-progress {\n  margin-bottom: 30px;\n}\n\n.rr-stage-shell {\n  max-width: 760px;\n\n  margin: 0 auto;\n}\n\n.rr-stage-head {\n  margin-bottom: 21px;\n}\n\n.rr-stage-kicker {\n  margin: 0 0 7px;\n\n  color: #254D38;\n\n  font-size: 10px;\n  line-height: 1.3;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.rr-stage-head p {\n  max-width: 650px;\n\n  margin: 0;\n\n  color: #60656B;\n\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   REVIEW CARD\n   ========================================================= *\/\n\n.rr-review-card {\n  display: grid;\n  grid-template-columns: 210px minmax(0, 1fr);\n\n  gap: 23px;\n\n  margin-bottom: 22px;\n\n  border: 1px solid #DDD8D0;\n  border-radius: 11px;\n\n  background: #F8F6F2;\n\n  padding: 18px;\n}\n\n.rr-review-art {\n  overflow: hidden;\n\n  border-radius: 7px;\n\n  background: #E9E5DF;\n\n  align-self: start;\n}\n\n.rr-review-art img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n.rr-review-content {\n  min-width: 0;\n}\n\n.rr-review-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  padding-bottom: 12px;\n\n  border-bottom: 1px solid #DED9D1;\n}\n\n.rr-review-title {\n  margin: 0;\n\n  color: #1E2129;\n\n  font-size: 18px;\n  line-height: 1.25;\n}\n\n.rr-review-value {\n  flex: 0 0 auto;\n\n  color: #254D38;\n\n  font-size: 22px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.rr-review-details {\n  margin-top: 12px;\n}\n\n.rr-review-line {\n  display: grid;\n  grid-template-columns: 115px minmax(0, 1fr);\n\n  gap: 9px;\n\n  margin-bottom: 6px;\n\n  color: #464B50;\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.rr-review-label {\n  color: #777C80;\n}\n\n.rr-review-data {\n  min-width: 0;\n\n  overflow-wrap: anywhere;\n\n  font-weight: 600;\n}\n\n.rr-review-message {\n  margin-top: 12px;\n\n  border-left: 3px solid #E8621A;\n\n  background: #FFFFFF;\n\n  padding: 10px 12px;\n\n  color: #4A4F54;\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.rr-review-message-label {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #254D38;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   EDIT LINK\n   ========================================================= *\/\n\n.rr-change-details {\n  border: 0;\n\n  background: none;\n\n  padding: 0;\n\n  color: #254D38;\n\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: 700;\n\n  text-decoration: underline;\n  text-underline-offset: 3px;\n\n  cursor: pointer;\n}\n\n.rr-change-details:hover {\n  color: #E8621A;\n}\n\n.rr-stage-change-top {\n  margin-bottom: 17px;\n}\n\n.rr-stage-change-bottom {\n  margin-top: 22px;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   DELIVERY AREA\n   ========================================================= *\/\n\n.rr-delivery-head {\n  margin-bottom: 13px;\n}\n\n.rr-delivery-head h3 {\n  margin: 0 0 4px;\n\n  color: #1E2129;\n\n  font-size: 20px;\n  line-height: 1.25;\n}\n\n.rr-delivery-head p {\n  margin: 0;\n\n  color: #646A6F;\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.rr-giftup-frame {\n  border: 1px solid #DDD8D0;\n  border-radius: 11px;\n\n  background: #F8F6F2;\n\n  padding: 12px;\n}\n\n#rr-giftup-mount {\n  width: 100%;\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 REFINED\n   ========================================================= *\/\n\n@media (max-width:680px) {\n\n  \/* -------------------------------------------------------\n     HERO\n     ------------------------------------------------------- *\/\n\n  .rr-gift-hero {\n    min-height: 410px;\n  }\n\n  .rr-gift-hero:after {\n    background-position: 68% bottom;\n  }\n\n  .rr-gift-hero:before {\n    background:\n      linear-gradient(\n        180deg,\n        #254D38 0%,\n        #254D38 38%,\n        rgba(37,77,56,.995) 47%,\n        rgba(37,77,56,.92) 56%,\n        rgba(37,77,56,.72) 66%,\n        rgba(37,77,56,.46) 76%,\n        rgba(37,77,56,.22) 86%,\n        rgba(37,77,56,.05) 96%,\n        rgba(37,77,56,0) 100%\n      );\n  }\n\n  .rr-gift-hero-inner {\n    min-height: 410px;\n\n    display: block;\n\n    padding: 34px 18px 205px;\n\n    text-align: center;\n  }\n\n  .rr-gift-hero-copy {\n    width: 100%;\n  }\n\n  .rr-gift-kicker {\n    font-size: 12px;\n  }\n\n  .rr-gift-hero h1 {\n    margin-left: auto;\n    margin-right: auto;\n\n    font-size: 33px;\n    line-height: 1.08;\n  }\n\n  .rr-gift-hero h1:after {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .rr-gift-hero p {\n    margin-left: auto;\n    margin-right: auto;\n\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n\n  \/* -------------------------------------------------------\n     MAIN\n     ------------------------------------------------------- *\/\n\n  .rr-gift-wrap {\n    padding: 24px 15px 48px;\n  }\n\n\n  \/* -------------------------------------------------------\n     PROGRESS\n     ------------------------------------------------------- *\/\n\n  .rr-progress {\n    margin-bottom: 23px;\n    padding: 0 2px;\n  }\n\n  .rr-step {\n    width: 86px;\n  }\n\n  .rr-step-circle {\n    width: 38px;\n    height: 38px;\n\n    margin-bottom: 7px;\n\n    font-size: 15px;\n  }\n\n  .rr-step-label {\n    font-size: 12px;\n    line-height: 1.25;\n  }\n\n  .rr-step-sub {\n    display: none;\n  }\n\n  .rr-step:not(.active):not(.complete) .rr-step-label {\n    color: #73777A;\n  }\n\n  .rr-progress-line {\n    margin-top: 18px;\n  }\n\n\n  \/* -------------------------------------------------------\n     INFORMATION PANEL\n     ------------------------------------------------------- *\/\n\n  .rr-preinfo {\n    margin-bottom: 26px;\n  }\n\n  .rr-preinfo-quick {\n    grid-template-columns: 1fr;\n  }\n\n  .rr-preinfo-item {\n    padding: 12px 15px 12px 34px;\n  }\n\n  .rr-preinfo-item + .rr-preinfo-item {\n    border-top: 1px solid #E1DCD4;\n    border-left: 0;\n  }\n\n  .rr-preinfo-dot {\n    left: 16px;\n    top: 18px;\n\n    width: 7px;\n    height: 7px;\n  }\n\n  .rr-preinfo-title {\n    display: inline;\n\n    margin-right: 5px;\n\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  .rr-preinfo-copy {\n    display: inline;\n\n    font-size: 13px;\n    line-height: 1.4;\n  }\n\n  .rr-info-details summary {\n    padding: 14px 45px 14px 16px;\n\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  .rr-info-details summary:after {\n    right: 16px;\n  }\n\n  .rr-info-body {\n    padding: 20px 17px;\n  }\n\n  .rr-info-grid {\n    grid-template-columns: 1fr;\n\n    gap: 24px;\n  }\n\n  .rr-info-kicker {\n    font-size: 11px;\n  }\n\n  .rr-info-block h3 {\n    font-size: 21px;\n  }\n\n  .rr-info-block > p {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .rr-info-list li {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .rr-info-link {\n    font-size: 14px;\n  }\n\n\n  \/* -------------------------------------------------------\n     CREATE HEADING\n     ------------------------------------------------------- *\/\n\n  .rr-create-section h2,\n  .rr-stage-head h2 {\n    font-size: 29px;\n    line-height: 1.15;\n  }\n\n  .rr-section-intro {\n    margin-bottom: 18px;\n\n    font-size: 16px;\n    line-height: 1.45;\n  }\n\n  .rr-create-label {\n    margin-bottom: 9px;\n\n    font-size: 13px;\n    line-height: 1.3;\n\n    letter-spacing: .13em;\n  }\n\n\n  \/* -------------------------------------------------------\n     DENOMINATION CARDS\n     Larger artwork \/ less white space\n     ------------------------------------------------------- *\/\n\n  .rr-create-block {\n    margin-bottom: 21px;\n  }\n\n  .rr-values {\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .rr-value {\n    display: grid;\n\n    grid-template-columns: 43% minmax(0,1fr);\n\n    min-height: 108px;\n\n    align-items: stretch;\n\n    border-radius: 9px;\n  }\n\n  .rr-value-art {\n    width: 100%;\n    height: 108px;\n\n    min-height: 0;\n\n    aspect-ratio: auto;\n  }\n\n  .rr-value-art img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .rr-value-body {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    min-width: 0;\n\n    padding: 11px 15px;\n\n    text-align: left;\n  }\n\n  .rr-value-price {\n    margin-bottom: 4px;\n\n    font-size: 30px;\n    line-height: 1;\n  }\n\n  .rr-value-copy {\n    font-size: 13px;\n    line-height: 1.3;\n  }\n\n  .rr-value.active:after {\n    right: 10px;\n    top: 9px;\n\n    width: 25px;\n    height: 25px;\n\n    font-size: 14px;\n    line-height: 25px;\n  }\n\n\n  \/* -------------------------------------------------------\n     FORM\n     ------------------------------------------------------- *\/\n\n  .rr-personalise {\n    padding: 18px 16px;\n\n    border-radius: 10px;\n  }\n\n  .rr-detail-list {\n    gap: 14px;\n  }\n\n  .rr-detail-row {\n    grid-template-columns: 1fr;\n\n    gap: 6px;\n  }\n\n  .rr-detail-row-message .rr-detail-label {\n    padding-top: 0;\n  }\n\n  .rr-detail-label {\n    font-size: 15px;\n    line-height: 1.35;\n  }\n\n  .rr-detail-control {\n    max-width: none;\n  }\n\n  .rr-detail-control input {\n    min-height: 52px;\n\n    padding: 12px 14px;\n\n    font-size: 16px;\n  }\n\n  .rr-detail-control textarea {\n    min-height: 105px;\n\n    padding: 12px 14px;\n\n    font-size: 16px;\n  }\n\n  .rr-detail-control input::placeholder,\n  .rr-detail-control textarea::placeholder {\n    font-size: 16px;\n  }\n\n\n  \/* -------------------------------------------------------\n     CUSTOM MESSAGE MENU\n     ------------------------------------------------------- *\/\n\n  .rr-custom-select-button {\n    min-height: 52px;\n\n    padding: 12px 45px 12px 14px;\n\n    font-size: 16px;\n  }\n\n  .rr-custom-option {\n    min-height: 44px;\n\n    padding: 11px 14px;\n\n    font-size: 15px;\n    line-height: 1.35;\n  }\n\n  .rr-message-box {\n    margin-top: 8px;\n  }\n\n  .rr-message-count {\n    font-size: 12px;\n  }\n\n  .rr-message-note {\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n\n  \/* -------------------------------------------------------\n     CTA\n     ------------------------------------------------------- *\/\n\n  .rr-action {\n    margin-top: 19px;\n  }\n\n  .rr-primary-button {\n    max-width: none;\n\n    min-height: 52px;\n\n    padding: 14px 18px;\n\n    font-size: 16px;\n  }\n\n  .rr-secure {\n    margin-top: 8px;\n\n    font-size: 12px;\n  }\n\n\n  \/* -------------------------------------------------------\n     DELIVERY \/ PAYMENT\n     ------------------------------------------------------- *\/\n\n  #rr-giftup-stage {\n    padding: 24px 15px 48px;\n  }\n\n  .rr-checkout-progress {\n    margin-bottom: 24px;\n  }\n\n  .rr-stage-head {\n    margin-bottom: 18px;\n  }\n\n  .rr-stage-kicker {\n    font-size: 11px;\n  }\n\n  .rr-stage-head p {\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n\n  \/* -------------------------------------------------------\n     REVIEW CARD\n     ------------------------------------------------------- *\/\n\n  .rr-review-card {\n    grid-template-columns: 1fr;\n\n    gap: 15px;\n\n    padding: 14px;\n\n    margin-bottom: 18px;\n  }\n\n  .rr-review-art {\n    width: 100%;\n    max-width: 330px;\n  }\n\n  .rr-review-top {\n    align-items: center;\n  }\n\n  .rr-review-title {\n    font-size: 18px;\n  }\n\n  .rr-review-value {\n    font-size: 24px;\n  }\n\n  .rr-review-line {\n    grid-template-columns: 115px minmax(0,1fr);\n\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  .rr-review-message {\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  .rr-review-message-label {\n    font-size: 11px;\n  }\n\n  .rr-change-details {\n    font-size: 14px;\n  }\n\n\n  \/* -------------------------------------------------------\n     DELIVERY HEADING\n     ------------------------------------------------------- *\/\n\n  .rr-delivery-head h3 {\n    font-size: 22px;\n  }\n\n  .rr-delivery-head p {\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  .rr-giftup-frame {\n    padding: 7px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:420px) {\n\n  .rr-nowrap {\n    white-space: normal;\n  }\n\n  .rr-gift-hero h1 {\n    font-size: 31px;\n  }\n\n  .rr-value {\n    grid-template-columns: 43% minmax(0,1fr);\n\n    min-height: 100px;\n  }\n\n  .rr-value-art {\n    width: 100%;\n    height: 100px;\n  }\n\n  .rr-value-body {\n    padding: 10px 13px;\n  }\n\n  .rr-value-price {\n    font-size: 28px;\n  }\n\n  .rr-value-copy {\n    font-size: 13px;\n  }\n\n  .rr-review-line {\n    grid-template-columns: 1fr;\n\n    gap: 2px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .rr-step,\n  .rr-step-circle,\n  .rr-progress-line:after,\n  .rr-value,\n  .rr-primary-button {\n    transition: none !important;\n  }\n\n  .rr-value:hover,\n  .rr-primary-button:hover {\n    transform: none;\n  }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"rr-gift-hero\">\n\n  <div class=\"rr-gift-hero-inner\">\n\n    <div class=\"rr-gift-hero-copy\">\n\n      <div class=\"rr-gift-kicker\">\n        Ridge &amp; Row eGift Cards\n      <\/div>\n\n      <h1>\n        A gift without the guesswork.\n      <\/h1>\n\n      <p>\n        Choose an amount, make it personal and send it straight\n        to their inbox.\n        <span class=\"rr-nowrap\">\n          We'll take care of the rest.\n        <\/span>\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     STEP 1 \u2014 CREATE\n     ========================================================= -->\n\n<div\n  id=\"rr-configurator\"\n  class=\"rr-gift-wrap\">\n\n\n  <!-- PROGRESS -->\n\n  <div\n    class=\"rr-progress\"\n    aria-label=\"eGift Card purchase progress\">\n\n\n    <div\n      id=\"rr-step-1\"\n      class=\"rr-step active\"\n      aria-current=\"step\">\n\n      <div class=\"rr-step-circle\">\n\n        <span class=\"rr-step-number\">\n          1\n        <\/span>\n\n        <span class=\"rr-step-check\">\n          \u2713\n        <\/span>\n\n      <\/div>\n\n      <span class=\"rr-step-label\">\n        Create\n      <\/span>\n\n      <span class=\"rr-step-sub\">\n        Your eGift Card\n      <\/span>\n\n    <\/div>\n\n\n    <div\n      id=\"rr-line-1\"\n      class=\"rr-progress-line\">\n    <\/div>\n\n\n    <div\n      id=\"rr-step-2\"\n      class=\"rr-step\">\n\n      <div class=\"rr-step-circle\">\n\n        <span class=\"rr-step-number\">\n          2\n        <\/span>\n\n        <span class=\"rr-step-check\">\n          \u2713\n        <\/span>\n\n      <\/div>\n\n      <span class=\"rr-step-label\">\n        Delivery\n      <\/span>\n\n      <span class=\"rr-step-sub\">\n        Review &amp; send\n      <\/span>\n\n    <\/div>\n\n\n    <div\n      id=\"rr-line-2\"\n      class=\"rr-progress-line\">\n    <\/div>\n\n\n    <div\n      id=\"rr-step-3\"\n      class=\"rr-step\">\n\n      <div class=\"rr-step-circle\">\n\n        <span class=\"rr-step-number\">\n          3\n        <\/span>\n\n        <span class=\"rr-step-check\">\n          \u2713\n        <\/span>\n\n      <\/div>\n\n      <span class=\"rr-step-label\">\n        Payment\n      <\/span>\n\n      <span class=\"rr-step-sub\">\n        Secure payment\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =======================================================\n       QUICK INFO\n       ======================================================= -->\n\n  <div class=\"rr-preinfo\">\n\n    <div class=\"rr-preinfo-quick\">\n\n\n      <div class=\"rr-preinfo-item\">\n\n        <span class=\"rr-preinfo-dot\"><\/span>\n\n        <span class=\"rr-preinfo-title\">\n          Delivered by email\n        <\/span>\n\n        <span class=\"rr-preinfo-copy\">\n          Straight to their inbox.\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"rr-preinfo-item\">\n\n        <span class=\"rr-preinfo-dot\"><\/span>\n\n        <span class=\"rr-preinfo-title\">\n          Send now or later\n        <\/span>\n\n        <span class=\"rr-preinfo-copy\">\n          Schedule delivery before payment.\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"rr-preinfo-item\">\n\n        <span class=\"rr-preinfo-dot\"><\/span>\n\n        <span class=\"rr-preinfo-title\">\n          Free digital delivery\n        <\/span>\n\n        <span class=\"rr-preinfo-copy\">\n          No delivery charge.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <details class=\"rr-info-details\">\n\n      <summary>\n        eGift Card delivery &amp; information\n      <\/summary>\n\n\n      <div class=\"rr-info-body\">\n\n        <div class=\"rr-info-grid\">\n\n\n          <div class=\"rr-info-block\">\n\n            <div class=\"rr-info-kicker\">\n              Delivered by email\n            <\/div>\n\n            <h3>\n              Right place. Right time.\n            <\/h3>\n\n            <p>\n              Ridge &amp; Row eGift Cards are delivered directly\n              to the recipient by email. Send it straight away\n              or schedule it for the day you want.\n            <\/p>\n\n            <ul class=\"rr-info-list\">\n\n              <li>\n                Check the recipient's email address carefully.\n              <\/li>\n\n              <li>\n                Use a sender name they'll recognise.\n              <\/li>\n\n              <li>\n                Add your own personal message.\n              <\/li>\n\n              <li>\n                Send immediately or schedule delivery.\n              <\/li>\n\n              <li>\n                If it doesn't appear, check junk or spam folders.\n              <\/li>\n\n            <\/ul>\n\n          <\/div>\n\n\n          <div class=\"rr-info-block\">\n\n            <div class=\"rr-info-kicker\">\n              Send the perfect gift\n            <\/div>\n\n            <h3>\n              Their style. Their choice.\n            <\/h3>\n\n            <p>\n              Sometimes the best gift is letting them choose\n              for themselves. No guessing sizes, colours or styles.\n            <\/p>\n\n            <ul class=\"rr-info-list\">\n\n              <li>\n                Choose from \u00a325, \u00a350 or \u00a3100.\n              <\/li>\n\n              <li>\n                Add their details and your own message.\n              <\/li>\n\n              <li>\n                Send immediately or schedule delivery.\n              <\/li>\n\n              <li>\n                Digital delivery is free.\n              <\/li>\n\n              <li>\n                Redeemable online at Ridge &amp; Row.\n              <\/li>\n\n            <\/ul>\n\n\n            <a\n              class=\"rr-info-link\"\n              href=\"https:\/\/theridgeandrow.com\/help\/?search=\">\n\n              View our eGift Card FAQs \u2192\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n  <\/div>\n\n\n  <!-- =======================================================\n       CREATE\n       ======================================================= -->\n\n  <section\n    id=\"rr-create-section\"\n    class=\"rr-create-section\">\n\n    <span class=\"rr-section-accent\"><\/span>\n\n    <h2>\n      Create your eGift Card\n    <\/h2>\n\n    <p class=\"rr-section-intro\">\n      Choose a value, add their details and make it personal.\n    <\/p>\n\n\n    <!-- VALUE -->\n\n    <div class=\"rr-create-block\">\n\n      <span class=\"rr-create-label\">\n        Choose your amount\n      <\/span>\n\n\n      <div\n        class=\"rr-values\"\n        role=\"group\"\n        aria-label=\"Choose an eGift Card value\">\n\n\n        <!-- \u00a325 -->\n\n        <button\n          type=\"button\"\n          class=\"rr-value active\"\n          data-value=\"25\"\n          data-product=\"8ac71464-721e-47aa-e95b-08df04978f00\"\n          aria-pressed=\"true\">\n\n          <span class=\"rr-value-art\">\n\n            <img\n              src=\"https:\/\/images.teemill.com\/0fc89d5857fa91358aa67266bc451c4a1f317f187f37da0b.png?project=ajay-447510\"\n              alt=\"Ridge &amp; Row \u00a325 eGift Card\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/span>\n\n          <span class=\"rr-value-body\">\n\n            <span class=\"rr-value-price\">\n              \u00a325\n            <\/span>\n\n            <span class=\"rr-value-copy\">\n              A little something\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n        <!-- \u00a350 -->\n\n        <button\n          type=\"button\"\n          class=\"rr-value\"\n          data-value=\"50\"\n          data-product=\"0e3b7894-f885-4a07-e971-08df04978f00\"\n          aria-pressed=\"false\">\n\n          <span class=\"rr-value-art\">\n\n            <img\n              src=\"https:\/\/images.teemill.com\/895b112fe9c523e4d761a3ba0559866be09124a1a2a957df.png?project=ajay-447510\"\n              alt=\"Ridge &amp; Row \u00a350 eGift Card\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/span>\n\n          <span class=\"rr-value-body\">\n\n            <span class=\"rr-value-price\">\n              \u00a350\n            <\/span>\n\n            <span class=\"rr-value-copy\">\n              More room to choose\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n        <!-- \u00a3100 -->\n\n        <button\n          type=\"button\"\n          class=\"rr-value\"\n          data-value=\"100\"\n          data-product=\"0fe4cd65-5555-4fe7-e972-08df04978f00\"\n          aria-pressed=\"false\">\n\n          <span class=\"rr-value-art\">\n\n            <img\n              src=\"https:\/\/images.teemill.com\/31f226de2d9b363e593ab635d76f708711979edbb9f07fce.png?project=ajay-447510\"\n              alt=\"Ridge &amp; Row \u00a3100 eGift Card\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n          <\/span>\n\n          <span class=\"rr-value-body\">\n\n            <span class=\"rr-value-price\">\n              \u00a3100\n            <\/span>\n\n            <span class=\"rr-value-copy\">\n              Something special\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ERROR -->\n\n    <div\n      id=\"rr-error\"\n      class=\"rr-error\"\n      role=\"alert\"\n      aria-live=\"polite\">\n\n      Please complete all required fields before continuing.\n\n    <\/div>\n\n\n    <!-- DETAILS -->\n\n    <div class=\"rr-personalise\">\n\n      <div class=\"rr-detail-list\">\n\n\n        <div class=\"rr-detail-row\">\n\n          <label\n            class=\"rr-detail-label\"\n            for=\"rr-recipient-name\">\n\n            <span class=\"rr-required\">*<\/span>To:\n\n          <\/label>\n\n          <div class=\"rr-detail-control\">\n\n            <input\n              id=\"rr-recipient-name\"\n              type=\"text\"\n              autocomplete=\"name\"\n              required\n              placeholder=\"Recipient's name\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"rr-detail-row\">\n\n          <label\n            class=\"rr-detail-label\"\n            for=\"rr-purchaser-name\">\n\n            <span class=\"rr-required\">*<\/span>From:\n\n          <\/label>\n\n          <div class=\"rr-detail-control\">\n\n            <input\n              id=\"rr-purchaser-name\"\n              type=\"text\"\n              autocomplete=\"name\"\n              required\n              placeholder=\"Your name\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"rr-detail-row\">\n\n          <label\n            class=\"rr-detail-label\"\n            for=\"rr-recipient-email\">\n\n            <span class=\"rr-required\">*<\/span>Recipient's email:\n\n          <\/label>\n\n          <div class=\"rr-detail-control\">\n\n            <input\n              id=\"rr-recipient-email\"\n              type=\"email\"\n              autocomplete=\"email\"\n              required\n              placeholder=\"recipient@email.com\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"rr-detail-row\">\n\n          <label\n            class=\"rr-detail-label\"\n            for=\"rr-purchaser-email\">\n\n            <span class=\"rr-required\">*<\/span>Your email:\n\n          <\/label>\n\n          <div class=\"rr-detail-control\">\n\n            <input\n              id=\"rr-purchaser-email\"\n              type=\"email\"\n              autocomplete=\"email\"\n              required\n              placeholder=\"you@email.com\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"rr-detail-row rr-detail-row-message\">\n\n          <label class=\"rr-detail-label\">\n            Message:\n          <\/label>\n\n\n          <div class=\"rr-detail-control\">\n\n\n            <div\n              class=\"rr-custom-select\"\n              id=\"rr-custom-message-select\">\n\n              <button\n                type=\"button\"\n                id=\"rr-message-preset-button\"\n                class=\"rr-custom-select-button\"\n                aria-haspopup=\"listbox\"\n                aria-expanded=\"false\">\n\n                <span id=\"rr-message-preset-label\">\n                  Select predefined message\n                <\/span>\n\n                <span class=\"rr-custom-select-arrow\"><\/span>\n\n              <\/button>\n\n\n              <div\n                id=\"rr-message-preset-menu\"\n                class=\"rr-custom-select-menu\"\n                role=\"listbox\"\n                hidden>\n\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"\">\n                  Select predefined message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"birthday\">\n                  Happy Birthday Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"thankyou\">\n                  Thank You Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"congratulations\">\n                  Congratulations Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"newbaby\">\n                  Congratulations \u2013 New Baby Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"newhome\">\n                  Congratulations \u2013 New Home Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"newjob\">\n                  Congratulations \u2013 New Job Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"thinking\">\n                  Thinking of You Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"justbecause\">\n                  Just Because Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"christmas\">\n                  Merry Christmas Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"fathersday\">\n                  Happy Father's Day Message\n                <\/button>\n\n                <button type=\"button\" class=\"rr-custom-option\" data-value=\"anniversary\">\n                  Happy Anniversary Message\n                <\/button>\n\n              <\/div>\n\n\n              <input\n                type=\"hidden\"\n                id=\"rr-message-preset\"\n                value=\"\">\n\n            <\/div>\n\n\n            <div class=\"rr-message-box\">\n\n              <textarea\n                id=\"rr-message\"\n                maxlength=\"250\"\n                placeholder=\"Or write your own message...\"><\/textarea>\n\n            <\/div>\n\n\n            <div class=\"rr-message-count\">\n\n              <span id=\"rr-count\">\n                0\n              <\/span>\/250\n\n            <\/div>\n\n\n            <div class=\"rr-message-note\">\n              Choose a predefined message or write your own.\n              Suggested messages can be edited.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"rr-action\">\n\n      <button\n        type=\"button\"\n        id=\"rr-continue\"\n        class=\"rr-primary-button\">\n\n        Continue to review &amp; delivery\n\n      <\/button>\n\n      <div class=\"rr-secure\">\n        Secure checkout\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<!-- =========================================================\n     STEP 2 \/ 3 \u2014 DELIVERY + PAYMENT\n     ========================================================= -->\n\n<div id=\"rr-giftup-stage\">\n\n\n  <div class=\"rr-checkout-progress\">\n\n    <div class=\"rr-progress\">\n\n\n      <div\n        id=\"rr-checkout-step-1\"\n        class=\"rr-step complete\">\n\n        <div class=\"rr-step-circle\">\n\n          <span\n            class=\"rr-step-check\"\n            style=\"display:inline;\">\n            \u2713\n          <\/span>\n\n        <\/div>\n\n        <span class=\"rr-step-label\">\n          Create\n        <\/span>\n\n        <span class=\"rr-step-sub\">\n          Your eGift Card\n        <\/span>\n\n      <\/div>\n\n\n      <div\n        id=\"rr-checkout-line-1\"\n        class=\"rr-progress-line complete\">\n      <\/div>\n\n\n      <div\n        id=\"rr-checkout-step-2\"\n        class=\"rr-step active\"\n        aria-current=\"step\">\n\n        <div class=\"rr-step-circle\">\n\n          <span class=\"rr-step-number\">\n            2\n          <\/span>\n\n          <span class=\"rr-step-check\">\n            \u2713\n          <\/span>\n\n        <\/div>\n\n        <span class=\"rr-step-label\">\n          Delivery\n        <\/span>\n\n        <span class=\"rr-step-sub\">\n          Review &amp; send\n        <\/span>\n\n      <\/div>\n\n\n      <div\n        id=\"rr-checkout-line-2\"\n        class=\"rr-progress-line\">\n      <\/div>\n\n\n      <div\n        id=\"rr-checkout-step-3\"\n        class=\"rr-step\">\n\n        <div class=\"rr-step-circle\">\n\n          <span class=\"rr-step-number\">\n            3\n          <\/span>\n\n          <span class=\"rr-step-check\">\n            \u2713\n          <\/span>\n\n        <\/div>\n\n        <span class=\"rr-step-label\">\n          Payment\n        <\/span>\n\n        <span class=\"rr-step-sub\">\n          Secure payment\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"rr-stage-shell\">\n\n\n    <div class=\"rr-stage-head\">\n\n      <span class=\"rr-section-accent\"><\/span>\n\n      <div\n        id=\"rr-stage-kicker\"\n        class=\"rr-stage-kicker\">\n        Step 2 of 3\n      <\/div>\n\n      <h2 id=\"rr-stage-title\">\n        Review &amp; delivery\n      <\/h2>\n\n      <p id=\"rr-stage-copy\">\n        Check your eGift Card details and choose when you'd like it to arrive.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"rr-review-card\">\n\n\n      <div class=\"rr-review-art\">\n\n        <img\n          id=\"rr-review-artwork\"\n          src=\"\"\n          alt=\"Selected Ridge &amp; Row eGift Card\">\n\n      <\/div>\n\n\n      <div class=\"rr-review-content\">\n\n\n        <div class=\"rr-review-top\">\n\n          <h3 class=\"rr-review-title\">\n            Your Ridge &amp; Row eGift Card\n          <\/h3>\n\n          <div\n            id=\"rr-review-value\"\n            class=\"rr-review-value\">\n            \u00a325\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"rr-review-details\">\n\n          <div class=\"rr-review-line\">\n\n            <div class=\"rr-review-label\">\n              To\n            <\/div>\n\n            <div\n              id=\"rr-review-to\"\n              class=\"rr-review-data\">\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"rr-review-line\">\n\n            <div class=\"rr-review-label\">\n              From\n            <\/div>\n\n            <div\n              id=\"rr-review-from\"\n              class=\"rr-review-data\">\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"rr-review-line\">\n\n            <div class=\"rr-review-label\">\n              Recipient email\n            <\/div>\n\n            <div\n              id=\"rr-review-email\"\n              class=\"rr-review-data\">\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div\n          id=\"rr-review-message-wrap\"\n          class=\"rr-review-message\">\n\n          <span class=\"rr-review-message-label\">\n            Your message\n          <\/span>\n\n          <span id=\"rr-review-message\"><\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"rr-stage-change-top\">\n\n      <button\n        type=\"button\"\n        class=\"rr-change-details\">\n        \u2190 Edit eGift Card\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"rr-delivery-panel\">\n\n      <div class=\"rr-delivery-head\">\n\n        <h3 id=\"rr-giftup-section-title\">\n          Choose when and how it arrives\n        <\/h3>\n\n        <p id=\"rr-giftup-section-copy\">\n          Choose your delivery option and send it now or schedule\n          it for the perfect moment.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"rr-giftup-frame\">\n\n        <div id=\"rr-giftup-mount\"><\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"rr-stage-change-bottom\">\n\n      <button\n        type=\"button\"\n        class=\"rr-change-details\">\n        \u2190 Edit eGift Card\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n  var productData = {\n\n    \"8ac71464-721e-47aa-e95b-08df04978f00\": {\n      value: \"\u00a325\",\n      artwork: \"https:\/\/images.teemill.com\/0fc89d5857fa91358aa67266bc451c4a1f317f187f37da0b.png?project=ajay-447510\"\n    },\n\n    \"0e3b7894-f885-4a07-e971-08df04978f00\": {\n      value: \"\u00a350\",\n      artwork: \"https:\/\/images.teemill.com\/895b112fe9c523e4d761a3ba0559866be09124a1a2a957df.png?project=ajay-447510\"\n    },\n\n    \"0fe4cd65-5555-4fe7-e972-08df04978f00\": {\n      value: \"\u00a3100\",\n      artwork: \"https:\/\/images.teemill.com\/31f226de2d9b363e593ab635d76f708711979edbb9f07fce.png?project=ajay-447510\"\n    }\n\n  };\n\n\n  var messagePresets = {\n\n    birthday:\n      \"Happy Birthday \u2014 hope you find something you really love.\",\n\n    thankyou:\n      \"A little thank you gift, with love.\",\n\n    congratulations:\n      \"Congratulations \u2014 enjoy choosing something special.\",\n\n    newbaby:\n      \"Congratulations on your new arrival \u2014 a little gift for you.\",\n\n    newhome:\n      \"Congratulations on your new home \u2014 wishing you lots of happiness there.\",\n\n    newjob:\n      \"Congratulations on the new job \u2014 wishing you every success.\",\n\n    thinking:\n      \"Thinking of you and sending a little treat.\",\n\n    justbecause:\n      \"Just a little something for you.\",\n\n    christmas:\n      \"Merry Christmas \u2014 enjoy choosing something special.\",\n\n    fathersday:\n      \"Happy Father's Day \u2014 hope you enjoy it.\",\n\n    anniversary:\n      \"Happy Anniversary \u2014 with love.\"\n\n  };\n\n\n  var reduceMotion =\n    window.matchMedia &&\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  var scrollBehaviour =\n    reduceMotion\n      ? \"auto\"\n      : \"smooth\";\n\n\n  var selectedProduct =\n    \"8ac71464-721e-47aa-e95b-08df04978f00\";\n\n\n  var values =\n    document.querySelectorAll(\n      \".rr-value\"\n    );\n\n\n  var message =\n    document.getElementById(\n      \"rr-message\"\n    );\n\n\n  var messagePreset =\n    document.getElementById(\n      \"rr-message-preset\"\n    );\n\n\n  var count =\n    document.getElementById(\n      \"rr-count\"\n    );\n\n\n  var presetButton =\n    document.getElementById(\n      \"rr-message-preset-button\"\n    );\n\n\n  var presetMenu =\n    document.getElementById(\n      \"rr-message-preset-menu\"\n    );\n\n\n  var presetLabel =\n    document.getElementById(\n      \"rr-message-preset-label\"\n    );\n\n\n  var customSelect =\n    document.getElementById(\n      \"rr-custom-message-select\"\n    );\n\n\n  var presetOptions =\n    document.querySelectorAll(\n      \".rr-custom-option\"\n    );\n\n\n  function openPresetMenu() {\n\n    presetMenu.hidden = false;\n\n    customSelect.classList.add(\n      \"open\"\n    );\n\n    presetButton.setAttribute(\n      \"aria-expanded\",\n      \"true\"\n    );\n\n  }\n\n\n  function closePresetMenu() {\n\n    presetMenu.hidden = true;\n\n    customSelect.classList.remove(\n      \"open\"\n    );\n\n    presetButton.setAttribute(\n      \"aria-expanded\",\n      \"false\"\n    );\n\n  }\n\n\n  function updatePresetDisplay(value) {\n\n    var selectedOption =\n      document.querySelector(\n        '.rr-custom-option[data-value=\"' +\n        value +\n        '\"]'\n      );\n\n\n    presetOptions.forEach(\n      function(option) {\n\n        option.classList.remove(\n          \"selected\"\n        );\n\n      }\n    );\n\n\n    if (selectedOption) {\n\n      presetLabel.textContent =\n        selectedOption.textContent.trim();\n\n      selectedOption.classList.add(\n        \"selected\"\n      );\n\n    }\n    else {\n\n      presetLabel.textContent =\n        \"Select predefined message\";\n\n    }\n\n  }\n\n\n  presetButton.addEventListener(\n    \"click\",\n    function() {\n\n      if (presetMenu.hidden) {\n\n        openPresetMenu();\n\n      }\n      else {\n\n        closePresetMenu();\n\n      }\n\n    }\n  );\n\n\n  presetOptions.forEach(\n    function(option) {\n\n      option.addEventListener(\n        \"click\",\n        function() {\n\n          var value =\n            this.getAttribute(\n              \"data-value\"\n            );\n\n\n          messagePreset.value =\n            value;\n\n\n          updatePresetDisplay(\n            value\n          );\n\n\n          closePresetMenu();\n\n\n          if (!value) {\n\n            message.value = \"\";\n\n            count.textContent = \"0\";\n\n            return;\n\n          }\n\n\n          if (messagePresets[value]) {\n\n            message.value =\n              messagePresets[value];\n\n            count.textContent =\n              message.value.length;\n\n            message.focus();\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"click\",\n    function(event) {\n\n      if (\n        !customSelect.contains(\n          event.target\n        )\n      ) {\n\n        closePresetMenu();\n\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function(event) {\n\n      if (\n        event.key ===\n        \"Escape\"\n      ) {\n\n        closePresetMenu();\n\n      }\n\n    }\n  );\n\n\n  message.addEventListener(\n    \"input\",\n    function() {\n\n      count.textContent =\n        this.value.length;\n\n    }\n  );\n\n\n  var draftKey =\n    \"rr-egift-draft\";\n\n\n  var returnKey =\n    \"rr-egift-return-create\";\n\n\n  function saveDraft() {\n\n    var draft = {\n\n      product:\n        selectedProduct,\n\n      recipientName:\n        document\n          .getElementById(\n            \"rr-recipient-name\"\n          )\n          .value,\n\n      recipientEmail:\n        document\n          .getElementById(\n            \"rr-recipient-email\"\n          )\n          .value,\n\n      purchaserName:\n        document\n          .getElementById(\n            \"rr-purchaser-name\"\n          )\n          .value,\n\n      purchaserEmail:\n        document\n          .getElementById(\n            \"rr-purchaser-email\"\n          )\n          .value,\n\n      message:\n        message.value,\n\n      messagePreset:\n        messagePreset.value\n\n    };\n\n\n    try {\n\n      sessionStorage.setItem(\n        draftKey,\n        JSON.stringify(draft)\n      );\n\n    }\n    catch (e) {}\n\n  }\n\n\n  function restoreDraft() {\n\n    var raw;\n\n\n    try {\n\n      raw =\n        sessionStorage.getItem(\n          draftKey\n        );\n\n    }\n    catch (e) {\n\n      return;\n\n    }\n\n\n    if (!raw) {\n      return;\n    }\n\n\n    try {\n\n      var draft =\n        JSON.parse(raw);\n\n\n      if (draft.product) {\n\n        selectedProduct =\n          draft.product;\n\n      }\n\n\n      values.forEach(\n        function(button) {\n\n          var selected =\n            button.getAttribute(\n              \"data-product\"\n            ) === selectedProduct;\n\n\n          button.classList.toggle(\n            \"active\",\n            selected\n          );\n\n\n          button.setAttribute(\n            \"aria-pressed\",\n            selected\n              ? \"true\"\n              : \"false\"\n          );\n\n        }\n      );\n\n\n      document\n        .getElementById(\n          \"rr-recipient-name\"\n        )\n        .value =\n          draft.recipientName || \"\";\n\n\n      document\n        .getElementById(\n          \"rr-recipient-email\"\n        )\n        .value =\n          draft.recipientEmail || \"\";\n\n\n      document\n        .getElementById(\n          \"rr-purchaser-name\"\n        )\n        .value =\n          draft.purchaserName || \"\";\n\n\n      document\n        .getElementById(\n          \"rr-purchaser-email\"\n        )\n        .value =\n          draft.purchaserEmail || \"\";\n\n\n      message.value =\n        draft.message || \"\";\n\n\n      messagePreset.value =\n        draft.messagePreset || \"\";\n\n\n      count.textContent =\n        message.value.length;\n\n\n      updatePresetDisplay(\n        draft.messagePreset || \"\"\n      );\n\n    }\n    catch (e) {}\n\n  }\n\n\n  values.forEach(\n    function(button) {\n\n      button.addEventListener(\n        \"click\",\n        function() {\n\n          values.forEach(\n            function(item) {\n\n              item.classList.remove(\n                \"active\"\n              );\n\n              item.setAttribute(\n                \"aria-pressed\",\n                \"false\"\n              );\n\n            }\n          );\n\n\n          this.classList.add(\n            \"active\"\n          );\n\n\n          this.setAttribute(\n            \"aria-pressed\",\n            \"true\"\n          );\n\n\n          selectedProduct =\n            this.getAttribute(\n              \"data-product\"\n            );\n\n        }\n      );\n\n    }\n  );\n\n\n  function setGiftUpProgress(step) {\n\n    var step2 =\n      document.getElementById(\n        \"rr-checkout-step-2\"\n      );\n\n\n    var step3 =\n      document.getElementById(\n        \"rr-checkout-step-3\"\n      );\n\n\n    var line2 =\n      document.getElementById(\n        \"rr-checkout-line-2\"\n      );\n\n\n    step2.className =\n      \"rr-step\";\n\n\n    step3.className =\n      \"rr-step\";\n\n\n    line2.className =\n      \"rr-progress-line\";\n\n\n    step2.removeAttribute(\n      \"aria-current\"\n    );\n\n\n    step3.removeAttribute(\n      \"aria-current\"\n    );\n\n\n    if (step === 2) {\n\n      step2.classList.add(\n        \"active\"\n      );\n\n\n      step2.setAttribute(\n        \"aria-current\",\n        \"step\"\n      );\n\n\n      document\n        .getElementById(\n          \"rr-stage-kicker\"\n        )\n        .textContent =\n          \"Step 2 of 3\";\n\n\n      document\n        .getElementById(\n          \"rr-stage-title\"\n        )\n        .innerHTML =\n          \"Review &amp; delivery\";\n\n\n      document\n        .getElementById(\n          \"rr-stage-copy\"\n        )\n        .textContent =\n          \"Check your eGift Card details and choose when you'd like it to arrive.\";\n\n\n      document\n        .getElementById(\n          \"rr-giftup-section-title\"\n        )\n        .textContent =\n          \"Choose when and how it arrives\";\n\n\n      document\n        .getElementById(\n          \"rr-giftup-section-copy\"\n        )\n        .textContent =\n          \"Choose your delivery option and send it now or schedule it for the perfect moment.\";\n\n    }\n\n\n    if (step === 3) {\n\n      step2.classList.add(\n        \"complete\"\n      );\n\n\n      line2.classList.add(\n        \"complete\"\n      );\n\n\n      step3.classList.add(\n        \"active\"\n      );\n\n\n      step3.setAttribute(\n        \"aria-current\",\n        \"step\"\n      );\n\n\n      document\n        .getElementById(\n          \"rr-stage-kicker\"\n        )\n        .textContent =\n          \"Step 3 of 3\";\n\n\n      document\n        .getElementById(\n          \"rr-stage-title\"\n        )\n        .textContent =\n          \"Secure payment\";\n\n\n      document\n        .getElementById(\n          \"rr-stage-copy\"\n        )\n        .textContent =\n          \"You're nearly there. Review your eGift Card and complete your payment securely.\";\n\n\n      document\n        .getElementById(\n          \"rr-giftup-section-title\"\n        )\n        .textContent =\n          \"Complete your payment\";\n\n\n      document\n        .getElementById(\n          \"rr-giftup-section-copy\"\n        )\n        .textContent =\n          \"Your payment is processed securely below.\";\n\n    }\n\n  }\n\n\n  function populateReview(\n    recipientName,\n    recipientEmail,\n    purchaserName,\n    optionalMessage\n  ) {\n\n    var product =\n      productData[\n        selectedProduct\n      ];\n\n\n    if (!product) {\n      return;\n    }\n\n\n    var artwork =\n      document.getElementById(\n        \"rr-review-artwork\"\n      );\n\n\n    artwork.src =\n      product.artwork;\n\n\n    artwork.alt =\n      \"Ridge & Row \" +\n      product.value +\n      \" eGift Card\";\n\n\n    document\n      .getElementById(\n        \"rr-review-value\"\n      )\n      .textContent =\n        product.value;\n\n\n    document\n      .getElementById(\n        \"rr-review-to\"\n      )\n      .textContent =\n        recipientName;\n\n\n    document\n      .getElementById(\n        \"rr-review-from\"\n      )\n      .textContent =\n        purchaserName;\n\n\n    document\n      .getElementById(\n        \"rr-review-email\"\n      )\n      .textContent =\n        recipientEmail;\n\n\n    var reviewMessage =\n      document.getElementById(\n        \"rr-review-message\"\n      );\n\n\n    var reviewMessageWrap =\n      document.getElementById(\n        \"rr-review-message-wrap\"\n      );\n\n\n    if (optionalMessage) {\n\n      reviewMessage.textContent =\n        optionalMessage;\n\n\n      reviewMessageWrap.style.display =\n        \"block\";\n\n    }\n    else {\n\n      reviewMessage.textContent =\n        \"\";\n\n\n      reviewMessageWrap.style.display =\n        \"none\";\n\n    }\n\n  }\n\n\n  document\n    .getElementById(\n      \"rr-continue\"\n    )\n    .addEventListener(\n      \"click\",\n      function() {\n\n        var recipientName =\n          document\n            .getElementById(\n              \"rr-recipient-name\"\n            )\n            .value\n            .trim();\n\n\n        var recipientEmail =\n          document\n            .getElementById(\n              \"rr-recipient-email\"\n            )\n            .value\n            .trim();\n\n\n        var purchaserName =\n          document\n            .getElementById(\n              \"rr-purchaser-name\"\n            )\n            .value\n            .trim();\n\n\n        var purchaserEmail =\n          document\n            .getElementById(\n              \"rr-purchaser-email\"\n            )\n            .value\n            .trim();\n\n\n        var optionalMessage =\n          message\n            .value\n            .trim();\n\n\n        var error =\n          document.getElementById(\n            \"rr-error\"\n          );\n\n\n        if (\n          !recipientName ||\n          !recipientEmail ||\n          !purchaserName ||\n          !purchaserEmail\n        ) {\n\n          error.textContent =\n            \"Please complete all required fields before continuing.\";\n\n\n          error.style.display =\n            \"block\";\n\n\n          error.scrollIntoView({\n\n            behavior:\n              scrollBehaviour,\n\n            block:\n              \"center\"\n\n          });\n\n\n          return;\n\n        }\n\n\n        var emailPattern =\n          \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n\n        if (\n          !emailPattern.test(\n            recipientEmail\n          ) ||\n          !emailPattern.test(\n            purchaserEmail\n          )\n        ) {\n\n          error.textContent =\n            \"Please check that both email addresses are valid.\";\n\n\n          error.style.display =\n            \"block\";\n\n\n          error.scrollIntoView({\n\n            behavior:\n              scrollBehaviour,\n\n            block:\n              \"center\"\n\n          });\n\n\n          return;\n\n        }\n\n\n        error.style.display =\n          \"none\";\n\n\n        saveDraft();\n\n\n        populateReview(\n          recipientName,\n          recipientEmail,\n          purchaserName,\n          optionalMessage\n        );\n\n\n        var mount =\n          document.getElementById(\n            \"rr-giftup-mount\"\n          );\n\n\n        mount.innerHTML =\n          \"\";\n\n\n        var target =\n          document.createElement(\n            \"div\"\n          );\n\n\n        target.className =\n          \"gift-up-target\";\n\n\n        target.setAttribute(\n          \"data-site-id\",\n          \"be3de284-143d-4c13-bb6b-339fc0b05519\"\n        );\n\n\n        target.setAttribute(\n          \"data-platform\",\n          \"Other\"\n        );\n\n\n        target.setAttribute(\n          \"data-language\",\n          \"en-GB\"\n        );\n\n\n        target.setAttribute(\n          \"data-product-id\",\n          selectedProduct\n        );\n\n\n        target.setAttribute(\n          \"data-who-for\",\n          \"onlysomeoneelse\"\n        );\n\n\n        target.setAttribute(\n          \"data-purchaser-name\",\n          purchaserName\n        );\n\n\n        target.setAttribute(\n          \"data-purchaser-email\",\n          purchaserEmail\n        );\n\n\n        target.setAttribute(\n          \"data-recipient-name\",\n          recipientName\n        );\n\n\n        target.setAttribute(\n          \"data-recipient-email\",\n          recipientEmail\n        );\n\n\n        if (optionalMessage) {\n\n          target.setAttribute(\n            \"data-optional-message\",\n            optionalMessage\n          );\n\n        }\n\n\n        target.setAttribute(\n          \"data-step\",\n          \"details\"\n        );\n\n\n        target.setAttribute(\n          \"data-hide-artwork\",\n          \"true\"\n        );\n\n\n        target.setAttribute(\n          \"data-referrer\",\n          \"Ridge & Row eGift Card Configurator\"\n        );\n\n\n        mount.appendChild(\n          target\n        );\n\n\n        document\n          .getElementById(\n            \"rr-configurator\"\n          )\n          .style\n          .display =\n            \"none\";\n\n\n        document\n          .querySelector(\n            \".rr-gift-hero\"\n          )\n          .style\n          .display =\n            \"none\";\n\n\n        document\n          .getElementById(\n            \"rr-giftup-stage\"\n          )\n          .style\n          .display =\n            \"block\";\n\n\n        setGiftUpProgress(2);\n\n\n        window.scrollTo({\n\n          top:\n            0,\n\n          behavior:\n            scrollBehaviour\n\n        });\n\n\n        window.giftup =\n          window.giftup ||\n          function() {\n\n            (\n              window.giftup.q =\n              window.giftup.q || []\n            ).push(arguments);\n\n          };\n\n\n        window.giftup(\n          \"page\",\n          function(payload) {\n\n            var pageText =\n              \"\";\n\n\n            if (\n              typeof payload ===\n              \"string\"\n            ) {\n\n              pageText =\n                payload;\n\n            }\n            else {\n\n              try {\n\n                pageText =\n                  JSON.stringify(\n                    payload\n                  );\n\n              }\n              catch (e) {}\n\n            }\n\n\n            pageText =\n              String(pageText)\n                .toLowerCase();\n\n\n            if (\n              pageText.indexOf(\n                \"payment\"\n              ) !== -1\n            ) {\n\n              setGiftUpProgress(3);\n\n            }\n            else if (\n              pageText.indexOf(\n                \"detail\"\n              ) !== -1\n            ) {\n\n              setGiftUpProgress(2);\n\n            }\n\n          }\n        );\n\n\n        window.giftup(\n          \"conversion\",\n          function() {\n\n            try {\n\n              sessionStorage.removeItem(\n                draftKey\n              );\n\n\n              sessionStorage.removeItem(\n                returnKey\n              );\n\n            }\n            catch (e) {}\n\n          }\n        );\n\n\n        if (\n          !window.__rrGiftUpLoaded\n        ) {\n\n          window.__rrGiftUpLoaded =\n            true;\n\n\n          var script =\n            document.createElement(\n              \"script\"\n            );\n\n\n          script.async =\n            true;\n\n\n          script.src =\n            \"https:\/\/cdn.giftup.app\/dist\/gift-up.js\";\n\n\n          document.head.appendChild(\n            script\n          );\n\n        }\n\n      }\n    );\n\n\n  document\n    .querySelectorAll(\n      \".rr-change-details\"\n    )\n    .forEach(\n      function(button) {\n\n        button.addEventListener(\n          \"click\",\n          function() {\n\n            saveDraft();\n\n\n            try {\n\n              sessionStorage.setItem(\n                returnKey,\n                \"1\"\n              );\n\n            }\n            catch (e) {}\n\n\n            window.location.reload();\n\n          }\n        );\n\n      }\n    );\n\n\n  restoreDraft();\n\n\n  var returnToCreate =\n    false;\n\n\n  try {\n\n    returnToCreate =\n      sessionStorage.getItem(\n        returnKey\n      ) === \"1\";\n\n  }\n  catch (e) {}\n\n\n  if (returnToCreate) {\n\n    try {\n\n      sessionStorage.removeItem(\n        returnKey\n      );\n\n    }\n    catch (e) {}\n\n\n    window.requestAnimationFrame(\n      function() {\n\n        window.requestAnimationFrame(\n          function() {\n\n            document\n              .getElementById(\n                \"rr-create-section\"\n              )\n              .scrollIntoView({\n\n                behavior:\n                  \"auto\",\n\n                block:\n                  \"start\"\n\n              });\n\n          }\n        );\n\n      }\n    );\n\n  }\n\n\n})();\n<\/script>"},"padding":{"id":135777842,"value":"6"},"fullWidth":{"id":135777843,"value":"1"},"fullBackgroundColor":{"id":135777844,"value":"#fff0"},"published":{"id":135777845,"value":"1"},"conditions":{"id":135777846,"value":"[]"},"template":{"id":135990995,"value":"html"}}}],"properties":{"title":{"id":135777836,"value":"eGift Cards | Digital Gift Cards | Ridge & Row"},"isStorePage":{"id":135777837,"value":"1"},"description":{"id":135777838,"value":"Send a Ridge & Row eGift Card for a quick and easy gift. Choose a value and give them the freedom to shop their favourite clothing and accessories."},"ogImage":{"id":135777839,"value":"https:\/\/images.podos.io\/efateh2nmpxb9lbantfdijs8m7warr0hgouyynvzntozi8hs.png.png?w=1200&h=auto"}},"labels":[],"published":1,"sitemap":1,"divisionId":436246,"edited":true,"keyPhraseCampaignId":135779}