<style> .shun-gift-page { --shun-black: #1f1d1d; --shun-gold: #9a6a00; --shun-gold-hover: #785200; --shun-ivory: #f6f3ed; --shun-light: #fafafa; --shun-border: #dedbd5; --shun-text: #292626; --shun-muted: #67615c; color: var(--shun-text); font-family: Arial, Helvetica, sans-serif; line-height: 1.6; } .shun-gift-page *, .shun-gift-page *::before, .shun-gift-page *::after { box-sizing: border-box; } .shun-gift-page img { display: block; max-width: 100%; height: auto; } .shun-gift-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .shun-gift-hero { background: var(--shun-ivory); padding: 64px 0; overflow: hidden; } .shun-gift-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr); gap: 56px; align-items: center; } .shun-gift-eyebrow { margin: 0 0 14px; color: var(--shun-gold); font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; } .shun-gift-hero h1 { margin: 0 0 20px; color: var(--shun-black); font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 5vw, 64px); font-weight: 700; line-height: 1.05; } .shun-gift-hero__copy { max-width: 660px; margin: 0 0 28px; font-size: 19px; line-height: 1.65; } .shun-gift-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-bottom: 18px; } .shun-gift-button { display: inline-flex; min-height: 50px; padding: 13px 26px; align-items: center; justify-content: center; border: 2px solid var(--shun-gold); background: var(--shun-gold); color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .shun-gift-button:hover, .shun-gift-button:focus { border-color: var(--shun-gold-hover); background: var(--shun-gold-hover); } .shun-gift-button--secondary { background: transparent; color: var(--shun-black) !important; } .shun-gift-button--secondary:hover, .shun-gift-button--secondary:focus { background: var(--shun-black); border-color: var(--shun-black); color: #fff !important; } .shun-gift-hero__note { margin: 0; color: var(--shun-muted); font-size: 13px; } .shun-gift-hero__visual { position: relative; padding: 28px; border: 1px solid var(--shun-border); background: #fff; } .shun-gift-hero__visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; } .shun-gift-hero__caption { margin: 14px 0 0; color: var(--shun-muted); font-size: 13px; text-align: center; } .shun-gift-section { padding: 72px 0; } .shun-gift-section--light { background: var(--shun-light); } .shun-gift-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; } .shun-gift-heading h2 { margin: 0 0 14px; color: var(--shun-black); font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; } .shun-gift-heading p { margin: 0; color: var(--shun-muted); font-size: 17px; } .shun-gift-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .shun-gift-step { padding: 30px; border-top: 3px solid var(--shun-gold); background: #fff; } .shun-gift-step__number { display: block; margin-bottom: 12px; color: var(--shun-gold); font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 700; } .shun-gift-step h3 { margin: 0 0 10px; color: var(--shun-black); font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.25; } .shun-gift-step p { margin: 0; color: var(--shun-muted); } .shun-gift-product__image { display: flex; align-items: center; justify-content: center; min-height: 260px; margin-bottom: 18px; padding: 10px 16px 0; } .shun-gift-product__image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 220px; object-fit: contain; } /* Roll */ .shun-gift-product__image--roll img { max-width: 78%; max-height: 170px; } /* Bags */ .shun-gift-product__image--kai-bag img { max-width: 86%; max-height: 185px; } .shun-gift-product__image--shun-bag img { max-width: 80%; max-height: 185px; } .shun-gift-products { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; } .shun-gift-product { flex: 0 1 calc((100% - 52px) / 3); } .shun-gift-product { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--shun-border); background: #fff; } .shun-gift-product__image { display: flex; min-height: 260px; margin-bottom: 18px; align-items: center; justify-content: center; } .shun-gift-product__image img { width: 100%; max-height: 240px; object-fit: contain; } .shun-gift-product h3 { margin: 0 0 10px; margin-bottom: 0; color: var(--shun-black); font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.25; } .shun-gift-product p { margin: 0; color: var(--shun-muted); } .shun-gift-product__brand { margin: 0 0 6px !important; color: var(--shun-gold) !important; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .shun-gift-callout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; padding: 42px; align-items: center; background: var(--shun-black); color: #fff; } .shun-gift-callout h2 { margin: 0 0 8px; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 4vw, 42px); line-height: 1.15; } .shun-gift-callout p { margin: 0; color: #e6e1db; font-size: 17px; } .shun-gift-fine-print { padding: 46px 0; border-top: 1px solid var(--shun-border); } .shun-gift-fine-print h2 { margin: 0 0 14px; color: var(--shun-black); font-family: Georgia, "Times New Roman", serif; font-size: 26px; } .shun-gift-fine-print p { margin: 0; color: var(--shun-muted); font-size: 13px; line-height: 1.75; } @media (max-width: 900px) { .shun-gift-hero__grid { grid-template-columns: 1fr; gap: 36px; } .shun-gift-hero__visual { max-width: 650px; } .shun-gift-steps, .shun-gift-products { grid-template-columns: 1fr; } .shun-gift-product { flex-basis: 100%; } .shun-gift-product__image { min-height: 190px; margin-bottom: 0; } .shun-gift-callout { grid-template-columns: 1fr; } } @media (max-width: 600px) { .shun-gift-container { width: min(100% - 28px, 1180px); } .shun-gift-hero { padding: 44px 0; } .shun-gift-section { padding: 52px 0; } .shun-gift-actions { align-items: stretch; flex-direction: column; } .shun-gift-button { width: 100%; } .shun-gift-hero__visual { padding: 16px; } .shun-gift-product { display: flex; } .shun-gift-product__image { min-height: 220px; margin-bottom: 20px; } .shun-gift-callout { padding: 30px 24px; } } @media (prefers-reduced-motion: reduce) { .shun-gift-button { transition: none; } } </style> <div class="shun-gift-page"> <!-- HERO --> <section class="shun-gift-hero" aria-labelledby="shun-gift-title"> <div class="shun-gift-container"> <div class="shun-gift-hero__grid"> <div class="shun-gift-hero__content"> <p class="shun-gift-eyebrow">Limited-Time Gift</p> <h1 id="shun-gift-title"> A Complimentary Gift for Your Culinary Journey </h1> <p class="shun-gift-hero__copy"> Spend $250 or more on qualifying Shun and KAI Housewares products and choose a complimentary knife case or roll. </p> <div class="shun-gift-actions"> <!-- Replace with your Shun category URL --> <a class="shun-gift-button" href="https://main--shun-da--kaiusaltd.aem.live/categories/view-all"> Shop Shun Cutlery </a> <a class="shun-gift-button shun-gift-button--secondary" href="#gift-options"> View Gift Options </a> </div> <p class="shun-gift-hero__note"> Gift must be selected in the shopping cart before checkout. Available while supplies last. </p> </div> <div class="shun-gift-hero__visual"> <img src="https://shun.kaiusa.com/media/wysiwyg/KA0880.png" alt="Knife roll opening to reveal its storage compartments" width="640"> <p class="shun-gift-hero__caption"> Choose from available knife cases and rolls in your cart. </p> </div> </div> </div> </section> <!-- HOW IT WORKS --> <section class="shun-gift-section shun-gift-section--light" aria-labelledby="how-it-works-title"> <div class="shun-gift-container"> <div class="shun-gift-heading"> <p class="shun-gift-eyebrow">How It Works</p> <h2 id="how-it-works-title">Choose your gift in three simple steps</h2> <p> Build your collection, select your preferred gift and complete your order. </p> </div> <div class="shun-gift-steps"> <article class="shun-gift-step"> <span class="shun-gift-step__number" aria-hidden="true">01</span> <h3>Choose your cutlery</h3> <p> Add $250 or more in qualifying Shun or KAI Housewares products to your shopping cart. </p> </article> <article class="shun-gift-step"> <span class="shun-gift-step__number" aria-hidden="true">02</span> <h3>Select your gift</h3> <p> When your order qualifies, select the gift message in your cart and choose one available knife case or roll. </p> </article> <article class="shun-gift-step"> <span class="shun-gift-step__number" aria-hidden="true">03</span> <h3>Add it to your order</h3> <p> Select “Add Selected Gift to Cart” and confirm that your complimentary gift appears before checkout. </p> </article> </div> </div> </section> <!-- GIFT OPTIONS --> <section class="shun-gift-section" id="gift-options" aria-labelledby="gift-options-title"> <div class="shun-gift-container"> <div class="shun-gift-heading"> <p class="shun-gift-eyebrow">Available Gift Options</p> <h2 id="gift-options-title"> Choose the case or roll that suits your collection </h2> <p> Choose from a compact 8-slot knife roll or a spacious 20-slot knife bag from KAI or Shun.<br> <strong>Gift selection is made in the shopping cart and is subject to availability.</strong> </p> </div> <div class="shun-gift-products"> <!-- KAI 8-Slot Knife Roll --> <article class="shun-gift-product"> <div class="shun-gift-product__image shun-gift-product__image--roll"> <img src="https://housewares.kaiusa.com/media/catalog/product/cache/3816c6e526e70b10f287c2a5260e49cb/k/a/ka0880_1.png" alt="KAI 8-Slot Knife Roll" loading="lazy"> </div> <div> <p class="shun-gift-product__brand">KAI</p> <h3>8-Slot Knife Roll</h3> </div> </article> <!-- KAI 20-Slot Knife Bag --> <article class="shun-gift-product"> <div class="shun-gift-product__image shun-gift-product__image--kai-bag"> <img src="https://housewares.kaiusa.com/media/catalog/product/cache/3816c6e526e70b10f287c2a5260e49cb/k/a/ka0882_1.png" alt="KAI 20-Slot Knife Bag" loading="lazy"> </div> <div> <p class="shun-gift-product__brand">KAI</p> <h3>20-Slot Knife Bag</h3> </div> </article> <!-- Shun Black 20-Slot Knife Bag --> <article class="shun-gift-product"> <div class="shun-gift-product__image shun-gift-product__image--shun-bag"> <img src="https://shun.kaiusa.com/media/catalog/product/cache/3816c6e526e70b10f287c2a5260e49cb/d/m/dm0882_1_1_1.png" alt="Shun Black 20-Slot Knife Bag" loading="lazy"> </div> <div> <p class="shun-gift-product__brand">SHUN</p> <h3>Black 20-Slot Knife Bag</h3> </div> </article> </div> </div> </section> <!-- CTA --> <section class="shun-gift-section shun-gift-section--light"> <div class="shun-gift-container"> <div class="shun-gift-callout"> <div> <h2>Build your collection. Choose your gift.</h2> <p> Spend $250 or more on qualifying products, then select your complimentary knife case or roll in the cart. </p> </div> <!-- Replace with your Shun category URL --> <a class="shun-gift-button" href="https://main--shun-da--kaiusaltd.aem.live/categories/view-all"> Shop Shun Cutlery </a> </div> </div> </section> <!-- OFFER DETAILS --> <section class="shun-gift-fine-print" aria-labelledby="offer-details-title"> <div class="shun-gift-container"> <h2 id="offer-details-title">Offer Details</h2> <p> Receive one complimentary knife case or roll with a qualifying purchase of $250 or more in eligible Shun or KAI Housewares products. Qualifying merchandise total must reach $250 after discounts and before applicable taxes and shipping charges. Gift must be selected and added to the shopping cart before checkout. Limit one complimentary gift per qualifying order. Gift selection is subject to availability and available while supplies last. Gift cards, replacement parts, services, taxes and shipping charges do not count toward the qualifying purchase amount. Offer has no cash value and may be modified or ended at any time.</p> <p>Note: If your order included a free promotional gift, the gift must be returned along with any returned items from that order. If the promotional gift is not returned, its full retail value will be deducted from your refund amount. </p> </div> </section> </div>