Engraving eligible products: Apple Watch leather bands

.shopify-section—collection-banner .collection-banner button[class*="c-button-def"][class*="-primary-cp"] { display: none; } /* ボタン - fix - ————————————————————————————— */ .shopify-section—collection-banner button[class*="c-button-def"] { display: inline-flex; position: relative; justify-content: center; align-items: center; column-gap: 1.125rem; width: 100%; max-width: 200px; text-transform: var(—button-text-transform); font: var(—text-font-style) var(—text-font-weight) var(—text-sm) / 1.65 var(—text-font-family); letter-spacing: var(—button-letter-spacing); text-shadow: none; text-align: center; cursor: pointer; border-radius: var(—button-border-radius); background-size: 100% 100%, 0 100%; background-position: var(—initial-background-position); background-repeat: no-repeat; transition: background-size .45s cubic-bezier(.785, .135, .15, .86), background-position .45s step-end, color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86); —initial-background-position: var(—transform-origin-end); —hover-background-position: var(—transform-origin-start); -webkit-appearance: none; appearance: none; } .shopify-section—collection-banner button[class*="c-button-def"] > * { display: block; width: 100%; padding: 0.85rem 1.0rem; } @media (max-width: 640px) { .shopify-section—collection-banner .c-navigationBlock button[class*="c-button-def"] > * { padding: 0.475rem 1.0rem; } } .shopify-section—collection-banner button[class*="c-button-def"] a { background: none; } /*—- Primary —-*/ .shopify-section—collection-banner button[class*="c-button-def"][class*="-primary"] { color: rgb(var(—button-text-color, var(—button-text-primary))); border: 1px solid rgb(var(—button-background, var(—button-background-primary))); background-color: rgb(var(—button-text-color, var(—button-text-primary))); background-image: var(—initial-gradient), var(—hover-gradient); —initial-gradient: linear-gradient(rgb(var(—button-background, var(—button-background-primary))), rgb(var(—button-background, var(—button-background-primary)))); —hover-gradient: linear-gradient(transparent, transparent); } .shopify-section—collection-banner button[class*="c-button-def"][class*="-primary"]:hover { color: rgb(var(—button-background, var(—button-background-primary))); border-color: rgb(var(—button-background, var(—button-background-primary))); background-position: var(—hover-background-position); background-size: 0 100%, 100% 100%; } /*—- Secondary —-*/ .shopify-section—collection-banner button[class*="c-button-def"][class*="-secondary"] { color: rgb(var(—button-background, var(—button-background-primary))); border: 1px solid rgb(var(—button-background, var(—button-background-primary))); background-color: rgb(var(—button-background, var(—button-background-primary))); background-image: var(—initial-gradient), var(—hover-gradient); —initial-gradient: linear-gradient(rgb(var(—button-text-color, var(—button-text-primary))), rgb(var(—button-text-color, var(—button-text-primary)))); —hover-gradient: linear-gradient(transparent, transparent); } .shopify-section—collection-banner button[class*="c-button-def"][class*="-secondary"]:hover { color: rgb(var(—button-text-color, var(—button-text-primary))); border-color: rgb(var(—button-background, var(—button-background-primary))); background-position: var(—hover-background-position); background-size: 0 100%, 100% 100%; } /*—- Transparent —-*/ .shopify-section—collection-banner button[class*="c-button-def"][class*="-transparent"] { color: rgb(var(—button-outline-color, var(—button-text-primary))); border: 1px solid rgb(var(—button-outline-color, var(—border-color))); background-color: #0000; background-image: var(—initial-gradient), var(—hover-gradient); —initial-gradient: linear-gradient(transparent, transparent); —hover-gradient: linear-gradient(rgb(var(—button-outline-color, var(—button-text-primary))), rgb(var(—button-outline-color, var(—button-text-primary)))); —initial-background-position: var(—transform-origin-start); —hover-background-position: var(—transform-origin-end); } .shopify-section—collection-banner button[class*="c-button-def"][class*="-transparent"]:hover { color: rgb(var(—button-background-primary, var(—button-text-primary))); border-color: rgb(var(—button-outline-color, var(—button-text-primary))); background-position: var(—hover-background-position); background-size: 0 100%, 100% 100%; } スペシャルオファー /* 実行 ————————————————————————————— */ $(window).on(’load’, function() { $(’body’).addClass(’l-overlaySection’); }); $(document).ready(function() { if ($(location).attr(’href’).match(/iphone_202509/)) { var $targetQvOpen = $(’#c-quickViewId-5’); $targetQvOpen.addClass(’l-quickviewSection—active’); $(’body’).addClass(’l-overlaySection—active’); $(’html’).addClass(’lock’); } }); $(document).ready(function() { if ($(location).attr(’href’).match(/iphone_202509/)) { $(’.c-button-def-primary-cp-5’).css(’display’, 'block’); var $targetQvOpen = $(’#c-quickViewId-5’); $targetQvOpen.addClass(’l-quickviewSection—active’); $(’body’).addClass(’l-overlaySection—active’); $(’html’).addClass(’lock’); } });