{"id":535372,"url":"\/gift-cards\/","layout":"standard","version":"2026-08-30T16:06:56.000000Z","blocks":[{"id":5321542,"type":"html","published":1,"size":{"x":12,"y":0},"order":0,"items":[],"properties":{"html":{"id":135777785,"value":"<style>\n\/* =========================================================\n   RIDGE & ROW \u2014 GIFT CARDS HUB\n   \/gift-cards\/\n   ========================================================= *\/\n\n.rr-gc-page {\n  --rr-green: #254D38;\n  --rr-charcoal: #1E2129;\n  --rr-orange: #E8621A;\n  --rr-sand: #E9E5DF;\n  --rr-stone: #F8F6F2;\n  --rr-border: #DDD8D0;\n  --rr-muted: #646A6F;\n\n  width: 100%;\n  color: var(--rr-charcoal);\n  font-family: inherit;\n  box-sizing: border-box;\n}\n\n.rr-gc-page *,\n.rr-gc-page *::before,\n.rr-gc-page *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n   Real image for improved browser prioritisation \/ LCP\n   ========================================================= *\/\n\n.rr-gc-hero {\n  position: relative;\n\n  width: 100%;\n  min-height: 340px;\n\n  overflow: hidden;\n\n  background: var(--rr-green);\n  color: #FFFFFF;\n\n  box-shadow:\n    0 0 0 100vmax var(--rr-green);\n\n  clip-path:\n    inset(0 -100vmax);\n}\n\n\n\/* Real hero image *\/\n\n.rr-gc-hero-media {\n  position: absolute;\n  z-index: 0;\n\n  inset: 0;\n\n  overflow: hidden;\n}\n\n.rr-gc-hero-image {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: 72% center;\n}\n\n\n\/* Seamless Ridge & Row green blend *\/\n\n.rr-gc-hero::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 1;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #254D38 0%,\n      #254D38 25%,\n      rgba(37,77,56,.99) 32%,\n      rgba(37,77,56,.93) 40%,\n      rgba(37,77,56,.78) 49%,\n      rgba(37,77,56,.56) 59%,\n      rgba(37,77,56,.31) 70%,\n      rgba(37,77,56,.12) 81%,\n      rgba(37,77,56,.02) 92%,\n      rgba(37,77,56,0) 100%\n    );\n}\n\n\n.rr-gc-hero-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 1040px;\n  min-height: 340px;\n\n  margin: 0 auto;\n  padding: 55px 22px;\n\n  display: flex;\n  align-items: center;\n}\n\n.rr-gc-hero-copy {\n  width: 49%;\n  min-width: 0;\n}\n\n.rr-gc-kicker {\n  margin: 0 0 10px;\n\n  color: #F8F6F2;\n\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 700;\n\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.rr-gc-hero h1 {\n  max-width: 480px;\n\n  margin: 0;\n\n  color: #FFFFFF;\n\n  font-size: 43px;\n  line-height: 1.08;\n\n  text-wrap: balance;\n}\n\n.rr-gc-hero h1::after {\n  content: \"\";\n\n  display: block;\n\n  width: 52px;\n  height: 3px;\n\n  margin: 17px 0 16px;\n\n  background: var(--rr-orange);\n}\n\n.rr-gc-hero p {\n  max-width: 570px;\n\n  margin: 0;\n\n  color: #F8F6F2;\n\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.rr-gc-main {\n  max-width: 1040px;\n\n  margin: 0 auto;\n  padding: 48px 22px 68px;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.rr-gc-intro {\n  max-width: 700px;\n\n  margin: 0 auto 28px;\n\n  text-align: center;\n}\n\n.rr-gc-intro-label {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--rr-green);\n\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 700;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.rr-gc-intro h2 {\n  margin: 0 0 10px;\n\n  color: var(--rr-charcoal);\n\n  font-size: 30px;\n  line-height: 1.2;\n\n  text-wrap: balance;\n}\n\n.rr-gc-intro p {\n  margin: 0;\n\n  color: var(--rr-muted);\n\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   REASSURANCE STRIP\n   ========================================================= *\/\n\n.rr-gc-reassurance {\n  margin: 0 0 30px;\n\n  border: 1px solid var(--rr-border);\n  border-radius: 10px;\n\n  background: var(--rr-stone);\n\n  overflow: hidden;\n}\n\n.rr-gc-reassurance-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rr-gc-reassurance-item {\n  min-width: 0;\n\n  padding: 15px 18px;\n\n  text-align: center;\n}\n\n.rr-gc-reassurance-item +\n.rr-gc-reassurance-item {\n  border-left: 1px solid var(--rr-border);\n}\n\n.rr-gc-reassurance-title {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--rr-green);\n\n  font-size: 12px;\n  line-height: 1.4;\n  font-weight: 700;\n}\n\n.rr-gc-reassurance-copy {\n  color: #666B70;\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n.rr-gc-reassurance-link {\n  color: var(--rr-green) !important;\n\n  font-weight: 700;\n\n  text-decoration: underline !important;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n}\n\n.rr-gc-reassurance-link:visited {\n  color: var(--rr-green) !important;\n}\n\n.rr-gc-reassurance-link:hover {\n  color: var(--rr-orange) !important;\n}\n\n.rr-gc-reassurance-link:focus-visible {\n  outline: 3px solid var(--rr-orange);\n  outline-offset: 3px;\n}\n\n\n\/* =========================================================\n   GIFT CARD CHOICES\n   ========================================================= *\/\n\n.rr-gc-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 24px;\n}\n\n\n\/* =========================================================\n   GIFT CARD PANEL\n   ========================================================= *\/\n\n.rr-gc-card {\n  position: relative;\n\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n\n  overflow: hidden;\n\n  border: 1px solid var(--rr-border);\n  border-radius: 13px;\n\n  background: #FFFFFF;\n\n  box-shadow:\n    0 8px 24px rgba(30,33,41,.06);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n\n\/* =========================================================\n   CARD ARTWORK\n   ========================================================= *\/\n\n.rr-gc-card-art {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  background: var(--rr-sand);\n}\n\n.rr-gc-card-art img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform .4s ease;\n}\n\n\n\/* =========================================================\n   AVAILABILITY BADGES\n   ========================================================= *\/\n\n.rr-gc-badge {\n  position: absolute;\n  z-index: 2;\n\n  left: 16px;\n  top: 16px;\n\n  display: inline-flex;\n  align-items: center;\n\n  min-height: 27px;\n\n  border-radius: 999px;\n\n  padding: 5px 10px;\n\n  background: var(--rr-green);\n  color: #FFFFFF;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.rr-gc-badge-coming {\n  background: var(--rr-charcoal);\n}\n\n\n\/* =========================================================\n   CARD CONTENT\n   ========================================================= *\/\n\n.rr-gc-card-body {\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 28px 27px 27px;\n}\n\n.rr-gc-card-kicker {\n  margin: 0 0 7px;\n\n  color: var(--rr-green);\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-gc-card h3 {\n  margin: 0 0 10px;\n\n  color: var(--rr-charcoal);\n\n  font-size: 26px;\n  line-height: 1.2;\n\n  text-wrap: balance;\n}\n\n.rr-gc-card-description {\n  margin: 0 0 19px;\n\n  color: var(--rr-muted);\n\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.rr-gc-features {\n  list-style: none;\n\n  margin: 0 0 25px;\n  padding: 0;\n}\n\n.rr-gc-features li {\n  position: relative;\n\n  margin: 0 0 9px;\n  padding-left: 18px;\n\n  color: #3F4448;\n\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.rr-gc-features li:last-child {\n  margin-bottom: 0;\n}\n\n.rr-gc-features li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: .55em;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--rr-orange);\n}\n\n\n\/* =========================================================\n   CTA BUTTONS\n   ========================================================= *\/\n\n.rr-gc-card-action {\n  margin-top: auto;\n}\n\n.rr-gc-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  min-height: 51px;\n\n  border-radius: 6px;\n\n  background: var(--rr-green);\n\n  padding: 13px 20px;\n\n  color: #FFFFFF !important;\n\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 700;\n\n  text-align: center;\n  text-decoration: none !important;\n\n  cursor: pointer;\n\n  transition:\n    background .18s ease,\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n.rr-gc-button:visited,\n.rr-gc-button:active,\n.rr-gc-button:focus {\n  color: #FFFFFF !important;\n  text-decoration: none !important;\n}\n\n.rr-gc-button:hover {\n  background: var(--rr-orange);\n\n  color: #FFFFFF !important;\n\n  transform: translateY(-1px);\n\n  box-shadow:\n    0 6px 16px rgba(30,33,41,.12);\n}\n\n.rr-gc-button:focus-visible {\n  outline: 3px solid var(--rr-orange);\n  outline-offset: 3px;\n}\n\n\n\/* =========================================================\n   HOVER DEVICES ONLY\n   Avoid unnecessary touch hover behaviour\n   ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n  .rr-gc-card:hover {\n    transform: translateY(-4px);\n\n    border-color: #CFC9C0;\n\n    box-shadow:\n      0 14px 32px rgba(30,33,41,.10);\n  }\n\n  .rr-gc-card:hover .rr-gc-card-art img {\n    transform: scale(1.025);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 800px) {\n\n  .rr-gc-hero-copy {\n    width: 55%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  \/* HERO *\/\n\n  .rr-gc-hero {\n    min-height: 455px;\n  }\n\n  .rr-gc-hero-image {\n    object-position: 68% bottom;\n  }\n\n  .rr-gc-hero::before {\n    background:\n      linear-gradient(\n        180deg,\n        #254D38 0%,\n        #254D38 40%,\n        rgba(37,77,56,.99) 48%,\n        rgba(37,77,56,.90) 57%,\n        rgba(37,77,56,.70) 67%,\n        rgba(37,77,56,.45) 77%,\n        rgba(37,77,56,.20) 87%,\n        rgba(37,77,56,.03) 97%,\n        rgba(37,77,56,0) 100%\n      );\n  }\n\n  .rr-gc-hero-inner {\n    min-height: 455px;\n\n    display: block;\n\n    padding: 38px 18px 235px;\n\n    text-align: center;\n  }\n\n  .rr-gc-hero-copy {\n    width: 100%;\n  }\n\n  .rr-gc-hero h1 {\n    margin-left: auto;\n    margin-right: auto;\n\n    font-size: 34px;\n  }\n\n  .rr-gc-hero h1::after {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .rr-gc-hero p {\n    margin-left: auto;\n    margin-right: auto;\n\n    font-size: 14px;\n  }\n\n\n  \/* CONTENT *\/\n\n  .rr-gc-main {\n    padding: 37px 16px 52px;\n  }\n\n\n  \/* INTRO *\/\n\n  .rr-gc-intro {\n    margin-bottom: 23px;\n  }\n\n  .rr-gc-intro h2 {\n    font-size: 26px;\n  }\n\n\n  \/* REASSURANCE *\/\n\n  .rr-gc-reassurance {\n    margin-bottom: 25px;\n  }\n\n  .rr-gc-reassurance-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .rr-gc-reassurance-item {\n    padding: 13px 16px;\n  }\n\n  .rr-gc-reassurance-item +\n  .rr-gc-reassurance-item {\n    border-top: 1px solid var(--rr-border);\n    border-left: 0;\n  }\n\n\n  \/* CARDS *\/\n\n  .rr-gc-grid {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  .rr-gc-card-body {\n    padding: 23px 21px 22px;\n  }\n\n  .rr-gc-card h3 {\n    font-size: 23px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .rr-gc-hero h1 {\n    font-size: 31px;\n  }\n\n  .rr-gc-main {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION \/ ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .rr-gc-card,\n  .rr-gc-card-art img,\n  .rr-gc-button {\n    transition: none !important;\n  }\n\n  .rr-gc-card:hover,\n  .rr-gc-button:hover {\n    transform: none;\n  }\n\n}\n<\/style>\n\n\n<div class=\"rr-gc-page\">\n\n\n  <!-- =======================================================\n       HERO\n       ======================================================= -->\n\n  <section\n    class=\"rr-gc-hero\"\n    aria-labelledby=\"rr-gc-title\">\n\n\n    <!--\n      Real image instead of CSS background.\n      Empty ALT is intentional: the image is decorative\n      and the adjacent text provides the meaningful content.\n    -->\n\n    <div\n      class=\"rr-gc-hero-media\"\n      aria-hidden=\"true\">\n\n      <img\n        class=\"rr-gc-hero-image\"\n        src=\"https:\/\/images.teemill.com\/za4ccn049vvhqqidrbqd6rkkngn5p4ksrxak3lugjpim0fs7.png?project=ajay-447510\"\n        alt=\"\"\n        fetchpriority=\"high\"\n        loading=\"eager\"\n        decoding=\"async\">\n\n    <\/div>\n\n\n    <div class=\"rr-gc-hero-inner\">\n\n      <div class=\"rr-gc-hero-copy\">\n\n        <div class=\"rr-gc-kicker\">\n          Ridge &amp; Row Gift Cards\n        <\/div>\n\n        <h1 id=\"rr-gc-title\">\n          Their style. Their choice.\n        <\/h1>\n\n        <p>\n          Give them Ridge &amp; Row without guessing the size,\n          colour or style. Choose an eGift Card for instant\n          convenience or a physical card made for giving.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =======================================================\n       PAGE CONTENT\n       ======================================================= -->\n\n  <div class=\"rr-gc-main\">\n\n\n    <!-- =====================================================\n         INTRO\n         ===================================================== -->\n\n    <section\n      class=\"rr-gc-intro\"\n      aria-labelledby=\"rr-gc-choose-title\">\n\n      <span class=\"rr-gc-intro-label\">\n        Choose your gift\n      <\/span>\n\n      <h2 id=\"rr-gc-choose-title\">\n        One gift. Two ways to send it.\n      <\/h2>\n\n      <p>\n        Whether you need something straight to their inbox or\n        something they can unwrap, choose the Ridge &amp; Row\n        gift card that works for you.\n      <\/p>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         REASSURANCE\n         ===================================================== -->\n\n    <div\n      class=\"rr-gc-reassurance\"\n      aria-label=\"Gift Card information\">\n\n      <div class=\"rr-gc-reassurance-grid\">\n\n\n        <div class=\"rr-gc-reassurance-item\">\n\n          <span class=\"rr-gc-reassurance-title\">\n            Their choice\n          <\/span>\n\n          <span class=\"rr-gc-reassurance-copy\">\n            No guessing sizes, colours or styles.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"rr-gc-reassurance-item\">\n\n          <span class=\"rr-gc-reassurance-title\">\n            Ridge &amp; Row\n          <\/span>\n\n          <span class=\"rr-gc-reassurance-copy\">\n            The same standard, whichever way you gift it.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"rr-gc-reassurance-item\">\n\n          <span class=\"rr-gc-reassurance-title\">\n            Need help?\n          <\/span>\n\n          <span class=\"rr-gc-reassurance-copy\">\n\n            Visit our\n\n            <a\n              class=\"rr-gc-reassurance-link\"\n              href=\"https:\/\/theridgeandrow.com\/help\/?search=\">\n\n              Help Centre\n\n            <\/a>\n\n            for Gift Card support.\n\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         GIFT CARD OPTIONS\n         ===================================================== -->\n\n    <section\n      class=\"rr-gc-grid\"\n      aria-label=\"Choose a Ridge and Row Gift Card\">\n\n\n      <!-- ===================================================\n           EGIFT CARD\n           =================================================== -->\n\n      <article\n        class=\"rr-gc-card\"\n        aria-labelledby=\"rr-egift-title\">\n\n\n        <div class=\"rr-gc-card-art\">\n\n          <span class=\"rr-gc-badge\">\n            Available now\n          <\/span>\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            fetchpriority=\"low\">\n\n        <\/div>\n\n\n        <div class=\"rr-gc-card-body\">\n\n          <div class=\"rr-gc-card-kicker\">\n            Delivered by email\n          <\/div>\n\n          <h3 id=\"rr-egift-title\">\n            eGift Cards\n          <\/h3>\n\n          <p class=\"rr-gc-card-description\">\n            A Ridge &amp; Row gift delivered straight to their\n            inbox. Choose a value, add your message and send it\n            now or schedule it for later.\n          <\/p>\n\n\n          <ul class=\"rr-gc-features\">\n\n            <li>\n              Choose \u00a325, \u00a350 or \u00a3100.\n            <\/li>\n\n            <li>\n              Personalise it with your own message.\n            <\/li>\n\n            <li>\n              Send immediately or schedule delivery.\n            <\/li>\n\n            <li>\n              Free digital delivery.\n            <\/li>\n\n          <\/ul>\n\n\n          <div class=\"rr-gc-card-action\">\n\n            <a\n              class=\"rr-gc-button\"\n              href=\"https:\/\/theridgeandrow.com\/egift-cards\/\">\n\n              Create an eGift Card\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           PHYSICAL GIFT CARD\n           =================================================== -->\n\n      <article\n        class=\"rr-gc-card\"\n        aria-labelledby=\"rr-physical-title\">\n\n\n        <div class=\"rr-gc-card-art\">\n\n          <span class=\"rr-gc-badge rr-gc-badge-coming\">\n            Coming soon\n          <\/span>\n\n          <img\n            src=\"https:\/\/images.teemill.com\/7e9d4362d8583a72adde6d93a384a234c25cbbd0066a2828.png?project=ajay-447510\"\n            alt=\"Ridge &amp; Row physical Gift Card\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            fetchpriority=\"low\">\n\n        <\/div>\n\n\n        <div class=\"rr-gc-card-body\">\n\n          <div class=\"rr-gc-card-kicker\">\n            Made for giving\n          <\/div>\n\n          <h3 id=\"rr-physical-title\">\n            Physical Gift Cards\n          <\/h3>\n\n          <p class=\"rr-gc-card-description\">\n            Prefer something they can open? Our physical\n            Ridge &amp; Row Gift Cards bring the same freedom\n            to choose in a premium card made for giving.\n          <\/p>\n\n\n          <ul class=\"rr-gc-features\">\n\n            <li>\n              Available in selected gift values.\n            <\/li>\n\n            <li>\n              Premium Ridge &amp; Row presentation.\n            <\/li>\n\n            <li>\n              Sent to your chosen delivery address.\n            <\/li>\n\n            <li>\n              Redeemable online at Ridge &amp; Row.\n            <\/li>\n\n          <\/ul>\n\n\n          <div class=\"rr-gc-card-action\">\n\n            <a\n              class=\"rr-gc-button\"\n              href=\"https:\/\/theridgeandrow.com\/collection\/physical-gift-cards\/\">\n\n              Explore Physical Gift Cards\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/section>\n\n  <\/div>\n\n<\/div>"},"padding":{"id":135777787,"value":"6"},"fullWidth":{"id":135777788,"value":"1"},"fullBackgroundColor":{"id":135777789,"value":"#fff0"},"published":{"id":135777790,"value":"1"},"conditions":{"id":135777791,"value":"[]"},"template":{"id":135786867,"value":"html"}}}],"properties":{"title":{"id":135777781,"value":"Gift Cards | Ridge & Row"},"isStorePage":{"id":135777782,"value":"1"},"description":{"id":135777783,"value":"Give them the freedom to choose with a Ridge & Row Gift Card. Explore instant eGift Cards and physical gift cards for clothing, accessories and more."},"ogImage":{"id":135777784,"value":"https:\/\/images.podos.io\/72yhx4h0rd9asbhoqg74orxbcju3pwiwq7byi5kikuump3ln.png.png?w=1200&h=auto"}},"labels":[],"published":1,"sitemap":1,"divisionId":436246,"edited":true,"keyPhraseCampaignId":135736}