@font-face {
font-family: yith-icon;
src: url(//kinzylondon.com/wp-content/plugins/yith-woocommerce-advanced-product-options-premium/plugin-fw/assets/fonts/yith-icon.eot?6c9fac5a69711520a55f03f0159e3932);
src: url(//kinzylondon.com/wp-content/plugins/yith-woocommerce-advanced-product-options-premium/plugin-fw/assets/fonts/yith-icon.eot?6c9fac5a69711520a55f03f0159e3932#iefix) format("embedded-opentype"),
url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),
url(//kinzylondon.com/wp-content/plugins/yith-woocommerce-advanced-product-options-premium/plugin-fw/assets/fonts/yith-icon.ttf?6c9fac5a69711520a55f03f0159e3932) format("truetype");
font-weight: 400;
font-style: normal;
} [class^="yith-icon-"], [class*=" yith-icon-"] {
font-family: yith-icon !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 1em;
height: 1em;
font-size: 20px;
} .yith-icon-accounting:before {
content: "\e91d";
}
.yith-icon-arrow-down-alt:before {
content: "\f110";
}
.yith-icon-arrow-down-long-alt:before {
content: "\f128";
}
.yith-icon-arrow-down-long:before {
content: "\f129";
}
.yith-icon-arrow-down:before {
content: "\e900";
}
.yith-icon-arrow-left-alt:before {
content: "\f111";
}
.yith-icon-arrow-left-long-alt:before {
content: "\f12a";
}
.yith-icon-arrow-left-long:before {
content: "\f12b";
}
.yith-icon-arrow-left:before {
content: "\e901";
}
.yith-icon-arrow-right-alt:before {
content: "\f112";
}
.yith-icon-arrow-right-long-alt:before {
content: "\f12c";
}
.yith-icon-arrow-right-long:before {
content: "\f12d";
}
.yith-icon-arrow-right:before {
content: "\e902";
}
.yith-icon-arrow-up-alt:before {
content: "\f113";
}
.yith-icon-arrow-up-long-alt:before {
content: "\f12e";
}
.yith-icon-arrow-up-long:before {
content: "\f12f";
}
.yith-icon-arrow-up:before {
content: "\e903";
}
.yith-icon-bank-check:before {
content: "\e91e";
}
.yith-icon-bank:before {
content: "\e91c";
}
.yith-icon-calendar-add:before {
content: "\e913";
}
.yith-icon-calendar-money:before {
content: "\e914";
}
.yith-icon-calendar-schedule:before {
content: "\f11c";
}
.yith-icon-calendar:before {
content: "\e904";
}
.yith-icon-calendar2:before {
content: "\e915";
}
.yith-icon-cash-register:before {
content: "\f124";
}
.yith-icon-cash:before {
content: "\e91f";
}
.yith-icon-charts:before {
content: "\f130";
}
.yith-icon-check-alt:before {
content: "\f114";
}
.yith-icon-check-circle:before {
content: "\e921";
}
.yith-icon-check-progress-circle:before {
content: "\f11d";
}
.yith-icon-check:before {
content: "\e905";
}
.yith-icon-clone:before {
content: "\f105";
}
.yith-icon-close-alt:before {
content: "\f117";
}
.yith-icon-close:before {
content: "\e906";
}
.yith-icon-copy:before {
content: "\f101";
}
.yith-icon-credit-card:before {
content: "\e920";
}
.yith-icon-crown:before {
content: "\f11b";
}
.yith-icon-download:before {
content: "\f125";
}
.yith-icon-drag:before {
content: "\e90f";
}
.yith-icon-edit:before {
content: "\e907";
}
.yith-icon-enter:before {
content: "\f126";
}
.yith-icon-eye-closed:before {
content: "\e912";
}
.yith-icon-eye:before {
content: "\e911";
}
.yith-icon-helping-hand:before {
content: "\f10c";
}
.yith-icon-image:before {
content: "\f10a";
}
.yith-icon-info-squared:before {
content: "\e922";
}
.yith-icon-info:before {
content: "\e90e";
}
.yith-icon-list-search:before {
content: "\f10d";
}
.yith-icon-lock:before {
content: "\f119";
}
.yith-icon-magnifier:before {
content: "\e908";
}
.yith-icon-mail-out:before {
content: "\f109";
}
.yith-icon-minus-alt:before {
content: "\f118";
}
.yith-icon-minus:before {
content: "\f10f";
}
.yith-icon-money-check:before {
content: "\f11a";
}
.yith-icon-more:before {
content: "\f102";
}
.yith-icon-paypal:before {
content: "\e91b";
}
.yith-icon-pdf:before {
content: "\f107";
}
.yith-icon-pencil:before {
content: "\e909";
}
.yith-icon-people:before {
content: "\e916";
}
.yith-icon-photo-add:before {
content: "\f127";
}
.yith-icon-plus-alt:before {
content: "\f115";
}
.yith-icon-plus:before {
content: "\e90a";
}
.yith-icon-redo-alt:before {
content: "\f121";
}
.yith-icon-redo:before {
content: "\f11e";
}
.yith-icon-reply:before {
content: "\e91a";
}
.yith-icon-reset:before {
content: "\e910";
}
.yith-icon-save:before {
content: "\f10b";
}
.yith-icon-settings:before {
content: "\f123";
}
.yith-icon-shield-money:before {
content: "\e917";
}
.yith-icon-sort-alt:before {
content: "\f116";
}
.yith-icon-sort:before {
content: "\f106";
}
.yith-icon-time-check:before {
content: "\e918";
}
.yith-icon-trash:before {
content: "\e90d";
}
.yith-icon-undo-alt:before {
content: "\f120";
}
.yith-icon-undo:before {
content: "\f11f";
}
.yith-icon-update:before {
content: "\e90b";
}
.yith-icon-upload:before {
content: "\e90c";
}
.yith-icon-user-off:before {
content: "\f108";
}
.yith-icon-video:before {
content: "\f10e";
}
.yith-icon-warning-triangle:before {
content: "\e923";
}
.yith-icon-world-settings:before {
content: "\e919";
}
.yith-icon-yith:before {
content: "\e924";
}  .yith-icon-paypal-svgrepo-com:before {
content: "\e91b";
} .yith-icon-arrow_down:before {
content: "\e900";
} .yith-icon-arrow_eye:before {
content: "\e911";
} .yith-icon-arrow_eye_closed:before {
content: "\e912";
} .yith-icon-arrow_left:before {
content: "\e901";
} .yith-icon-arrow_right:before {
content: "\e902";
} .yith-icon-arrow_up:before {
content: "\e903";
} .yith-icon-calendar2:before {
content: "\e904";
} .yith-icon-calendar_add:before {
content: "\e913";
} .yith-icon-calendar_money:before {
content: "\e914";
} .yith-icon-shield_money:before {
content: "\e917";
} .yith-icon-time_check:before {
content: "\e918";
} .yith-icon-world_settings:before {
content: "\e919";
} .yith-icon-pencil:before {
content: "\e907";
} .yith-icon-update:before {
content: "\e910";
}.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:32px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.72727273;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.72727273;min-height:32px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;margin:0;padding:0 5px;vertical-align:top;min-height:32px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:var(--wp-admin-theme-color,#3858e9);border-style:solid;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}.keb-product-builder,
.keb-product-summary-controls,
.keb-product-diamonds {
--keb-ink: var( --kinzy-deep-truffle, #211a18 );
--keb-burgundy: var( --kinzy-garnet, #351211 );
--keb-muted: #6f6560;
--keb-line: rgba( 53, 18, 17, 0.18 );
--keb-soft-line: rgba( 53, 18, 17, 0.09 );
--keb-paper: var( --kinzy-diamond-white, #f8f6f2 );
--keb-warm: var( --kinzy-warm-ivory, #f3ece4 );
--keb-warm-dark: #ece2d8;
--keb-gold: var( --kinzy-champagne-gold, #bfa277 );
--keb-radius: 0;
--keb-shadow: 0 14px 38px rgba( 33, 26, 24, 0.08 );
--keb-studio-bar-offset: calc( 68px + env( safe-area-inset-top ) );
color: var( --keb-ink );
font-family: inherit;
}
.keb-product-builder {
clear: both;
flex: 0 0 100%;
grid-column: 1 / -1 !important;
max-width: none;
min-width: 0;
width: 100%;
}
body.keb-product-builder-active.single-product div.product > .keb-product-builder,
body.keb-product-builder-active.single-product div.product > .keb-product-diamonds {
clear: both;
flex: 0 0 100%;
float: none;
grid-column: 1 / -1 !important;
max-width: none;
min-width: 0;
width: 100%;
} body.keb-product-builder-active .summary .diamond_summary,
body.keb-product-builder-active .summary .ag-ring-options,
body.keb-product-builder-active .summary .top-price,
body.keb-product-builder-active .summary form.cart:not( .keb-product-cart-form ),
body.keb-product-builder-active .summary #yith-wapo-container,
body.keb-product-builder-active .summary #selectedDiamondId,
body.keb-product-builder-active .summary #selectedDiamondDisplay,
body.keb-product-builder-active .summary .single_add_to_cart_button[name="add-to-cart"],
body.keb-product-builder-active .summary hr.product_hr,
body.keb-product-builder-active .keb-product-legacy-cart,
body.keb-product-builder-active .ag-diamond-picker-wrap,
body.keb-product-builder-active #choose-diamond {
display: none !important;
} body.keb-product-builder-active .summary form.cart:has( #yith-wapo-container ) {
display: none !important;
} body.keb-product-builder-active.single-product .summary .product_name,
body.keb-product-builder-active.single-product .summary .product_title,
body.keb-product-builder-active.single-product .summary .entry-title {
color: var( --keb-ink );
font-family: var( --kinzy-sans, "Jost", sans-serif );
font-size: 20px;
font-weight: 400;
letter-spacing: 0.18em;
line-height: 1.5;
margin: 0;
text-transform: uppercase;
text-wrap: balance;
}
.keb-product-builder *,
.keb-product-builder *::before,
.keb-product-builder *::after,
.keb-product-summary-controls *,
.keb-product-summary-controls *::before,
.keb-product-summary-controls *::after,
.keb-product-diamonds *,
.keb-product-diamonds *::before,
.keb-product-diamonds *::after {
box-sizing: border-box;
}
.keb-product-builder [hidden],
.keb-product-summary-controls [hidden],
.keb-product-diamonds [hidden] {
display: none !important;
}
.keb-product-preview-notice {
background: var( --keb-warm );
border: 0;
border-left: 2px solid var( --keb-burgundy );
color: var( --keb-muted );
font-size: 12px;
line-height: 1.6;
margin: 0 0 16px;
padding: 10px 14px;
}
.keb-product-journey-note {
align-items: baseline;
border-top: 1px solid var( --keb-hairline );
display: flex;
flex-wrap: wrap;
gap: 7px 18px;
justify-content: space-between;
padding: 14px 0;
}
.keb-product-journey-note p {
color: var( --keb-muted );
font-size: 13px;
line-height: 1.55;
margin: 0;
}
.keb-product-journey-note a,
.keb-product-selected-summary__change {
color: var( --keb-burgundy );
font-size: 11px;
font-weight: 550;
letter-spacing: 0.05em;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
} .keb-product-summary-controls {
--keb-hairline: var( --kinzy-line, #e9e2d8 );
--keb-soft: var( --kinzy-soft, #8d857a );
--keb-tile-line: #d8cec5;
clear: both;
display: grid;
gap: 0;
margin: 0 0 28px;
padding: 0;
text-align: left;
} body.keb-product-builder-active .keb-product-summary-controls .keb-product-ring-size-picker__hint {
font-size: 12px;
line-height: 1.5;
}
body.keb-product-builder-active .keb-product-summary-controls .keb-product-preview-notice {
font-size: 12px;
line-height: 1.6;
}
body.keb-product-builder-active .keb-product-summary-controls .keb-product-journey-note p {
font-size: 13px;
line-height: 1.55;
} .keb-product-price-line {
color: var( --keb-ink );
display: grid;
gap: 4px;
margin: 18px 0 22px;
}
.keb-product-price-line strong {
font-size: 22px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.3;
}
.keb-product-price-line__note {
color: var( --keb-soft );
font-size: 11px;
letter-spacing: 0.04em;
line-height: 1.5;
} .keb-product-field-label {
color: var( --keb-soft );
display: block;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
.keb-product-field-value {
color: var( --keb-ink );
display: block;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.keb-product-text-link {
appearance: none;
background: transparent;
border: 0;
border-bottom: 1px solid var( --keb-tile-line );
border-radius: 0;
color: var( --keb-soft );
cursor: pointer;
font-family: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
margin: 0;
padding: 0;
text-decoration: none;
transition: color 160ms ease, border-color 160ms ease;
}
.keb-product-text-link:hover {
border-bottom-color: var( --keb-burgundy );
color: var( --keb-burgundy );
}
.keb-product-price-breakdown {
background: transparent;
border: 0;
display: grid;
}
.keb-product-price-breakdown__row {
align-items: center;
border-bottom: 1px solid var( --keb-hairline );
display: flex;
gap: 16px;
justify-content: space-between;
min-height: 56px;
padding: 14px 0;
}
.keb-product-price-breakdown__row span {
color: var( --keb-soft );
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.keb-product-price-breakdown__row strong {
font-size: 13px;
font-weight: 400;
min-width: 0;
overflow-wrap: anywhere;
text-align: right;
}
.keb-product-price-breakdown__row--total {
background: transparent;
}
.keb-product-price-breakdown__row--total span {
color: var( --keb-ink );
}
.keb-product-price-breakdown__row--total strong {
font-size: 15px;
} .keb-product-metal-picker {
align-items: center;
border: 0;
border-top: 1px solid var( --keb-hairline );
display: flex;
gap: 18px;
justify-content: space-between;
margin: 0;
min-height: 72px;
min-width: 0;
padding: 14px 0;
}
.keb-product-filter-group__label,
.keb-product-sort > span,
.keb-product-field > span {
color: var( --keb-ink );
display: block;
font-size: 12px;
font-weight: 650;
letter-spacing: 0.08em;
margin: 0 0 9px;
text-transform: uppercase;
}
.keb-product-metal-picker__heading {
display: grid;
gap: 4px;
min-width: 0;
}
.keb-product-metal-picker__options {
align-items: center;
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-end;
}
.keb-product-metal-picker__option {
align-items: center;
background: transparent;
border: 0;
border-radius: 50%;
color: var( --keb-ink );
display: inline-flex;
flex: 0 0 28px;
height: 28px;
justify-content: center;
padding: 0;
position: relative;
text-decoration: none;
transition: box-shadow 160ms ease;
width: 28px;
} .keb-product-metal-picker__option.is-current {
box-shadow: 0 0 0 3px var( --keb-paper ), 0 0 0 4px var( --keb-burgundy );
}
.keb-product-metal-picker__option:hover:not( .is-current ) {
box-shadow: 0 0 0 3px var( --keb-paper ), 0 0 0 4px var( --keb-tile-line );
}
.keb-product-metal-picker__swatch {
background-color: var( --keb-metal-swatch, #c9c7c1 );
background-image: linear-gradient( 135deg, #c8c6c1 0%, #faf9f6 50%, #dedbd5 100% );
border: 1px solid #b5aca4;
border-radius: 50%;
box-shadow: none;
display: block;
flex: 0 0 28px;
height: 28px;
overflow: hidden;
position: relative;
width: 28px;
}
.keb-product-metal-picker__option[data-metal-key$="_yellow_gold"] .keb-product-metal-picker__swatch {
background-image: linear-gradient( 135deg, #d4b25f 0%, #fff8dc 50%, #e6cc86 100% );
}
.keb-product-metal-picker__option[data-metal-key$="_white_gold"] .keb-product-metal-picker__swatch {
background-image: linear-gradient( 135deg, #d7d7d4 0%, #fafafa 50%, #e5e3df 100% );
}
.keb-product-metal-picker__option[data-metal-key="platinum"] .keb-product-metal-picker__swatch {
background-image: linear-gradient( 135deg, #bfc4c6 0%, #f7f9f9 50%, #d8dcdd 100% );
}
.keb-product-metal-picker__option[data-metal-key$="_rose_gold"] .keb-product-metal-picker__swatch {
background-image: linear-gradient( 135deg, #d7a08c 0%, #fae2d8 50%, #e6b5a3 100% );
}
.keb-product-summary-controls__fields {
display: block;
}
.keb-product-size-select,
.keb-product-field {
background: var( --keb-paper );
border: 0;
border-bottom: 1px solid var( --keb-line );
margin: 0;
min-width: 0;
}
.keb-product-size-select {
align-items: center;
display: grid;
grid-template-columns: auto minmax( 0, 1fr );
min-height: 58px;
}
.keb-product-size-select > span {
color: var( --keb-ink );
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
.keb-product-size-select select {
appearance: none;
background-color: transparent;
background-image: linear-gradient( 45deg, transparent 50%, var( --keb-ink ) 50% ), linear-gradient( 135deg, var( --keb-ink ) 50%, transparent 50% );
background-position: calc( 100% - 8px ) 50%, calc( 100% - 3px ) 50%;
background-repeat: no-repeat;
background-size: 5px 5px, 5px 5px;
border: 0;
box-shadow: none;
color: var( --keb-ink );
font: inherit;
font-size: 14px;
height: 57px;
margin: 0;
outline: 0;
padding: 0 24px 0 18px;
text-align: right;
width: 100%;
}
.keb-product-size-select select:invalid {
color: var( --keb-muted );
} .keb-product-ring-size-control {
border-bottom: 1px solid var( --keb-hairline );
border-top: 1px solid var( --keb-hairline );
display: block;
margin: 0;
min-width: 0;
padding: 14px 0;
position: relative;
width: 100%;
}
.keb-product-ring-size-control__heading {
align-items: center;
display: flex;
gap: 18px;
justify-content: space-between;
min-height: 44px;
}
.keb-product-ring-size-control__actions {
align-items: center;
display: flex;
flex: 0 0 auto;
gap: 22px;
}
.keb-product-ring-size-control__toggle {
align-items: center;
appearance: none;
background: transparent;
border: 0;
border-radius: 0;
color: var( --keb-ink );
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 13px;
font-weight: 400;
gap: 12px;
line-height: 1.4;
margin: 0;
min-height: 44px;
padding: 0;
text-align: right;
}
.keb-product-ring-size-control__toggle strong {
font-weight: 400;
white-space: nowrap;
}
.keb-product-ring-size-control__chevron {
color: var( --keb-burgundy );
flex: 0 0 10px;
height: 6px;
transition: transform 160ms ease;
width: 10px;
}
.keb-product-ring-size-control__toggle[aria-expanded="true"] .keb-product-ring-size-control__chevron {
transform: rotate( 180deg );
}
.keb-product-ring-size-control__toggle:focus-visible,
.keb-product-text-link:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 4px;
}
.keb-product-ring-size-picker {
border: 0;
display: block;
margin: 0;
min-width: 0;
padding: 0;
width: 100%;
}
.keb-product-ring-size-picker__panel {
display: grid;
gap: 16px;
min-width: 0;
padding: 16px 0 6px;
width: 100%;
}
.keb-product-ring-size-picker__hint {
color: var( --keb-soft );
font-size: 12px;
line-height: 1.5;
margin: 0;
}
.keb-product-ring-size-review > summary {
align-items: center;
cursor: pointer;
display: grid;
gap: 16px;
grid-template-columns: minmax( 0, 1fr ) auto 18px;
list-style: none;
min-height: 58px;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.keb-product-ring-size-review > summary::-webkit-details-marker {
display: none;
}
.keb-product-ring-size-review > summary::after {
border-bottom: 1px solid currentColor;
border-right: 1px solid currentColor;
content: "";
height: 8px;
justify-self: end;
transform: rotate( 45deg ) translateY( -2px );
transition: transform 160ms ease;
width: 8px;
}
.keb-product-ring-size-review[open] > summary::after {
transform: rotate( 225deg ) translate( -2px, -2px );
}
.keb-product-ring-size-review > summary:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 4px;
}
.keb-product-ring-size-review > summary > span {
color: var( --keb-ink );
font-size: 18px;
font-weight: 400;
}
.keb-product-ring-size-review > summary > strong {
color: var( --keb-muted );
font-size: 13px;
font-weight: 500;
text-align: right;
}
.keb-product-ring-size-review__panel {
border-top: 1px solid var( --keb-line );
padding: 18px 0 20px;
}
.keb-product-size-select--before-diamond {
border-bottom: 0;
grid-template-columns: auto minmax( 0, 1fr );
min-height: 50px;
}
.keb-product-size-select--before-diamond > strong {
color: var( --keb-muted );
font-size: 13px;
font-weight: 450;
justify-self: end;
}
.keb-product-size-select--before-diamond select:not( .keb-product-sr-select ) {
grid-column: 1 / -1;
}
.keb-product-chip-grid label,
.keb-product-check-grid label,
.keb-product-segments label {
cursor: pointer;
margin: 0;
position: relative;
}
.keb-product-chip-grid input,
.keb-product-segments input {
height: 1px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 1px;
}
.keb-product-field {
display: block;
padding: 10px 0;
}
.keb-product-field > span {
color: var( --keb-muted );
font-size: 10px;
margin-bottom: 4px;
}
.keb-product-field input {
background: transparent;
border: 0;
box-shadow: none;
color: var( --keb-ink );
font: inherit;
font-size: 13px;
margin: 0;
min-height: 26px;
outline: 0;
padding: 0;
width: 100%;
}
.keb-product-button {
align-items: center;
appearance: none;
background: transparent;
border: 1px solid var( --keb-ink );
border-radius: 2px;
box-shadow: none;
color: var( --keb-ink );
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 12px;
font-weight: 500;
justify-content: center;
letter-spacing: 0.1em;
line-height: 1.2;
min-height: 46px;
padding: 13px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.keb-product-button { border-radius: 0; }
.keb-product-button:hover:not( :disabled ) {
transform: none;
}
.keb-product-button--primary {
background: var( --keb-burgundy );
border-color: var( --keb-burgundy );
color: #fff;
}
.keb-product-button--primary:hover:not( :disabled ) {
background: var( --keb-ink );
border-color: var( --keb-ink );
color: #fff;
}
.keb-product-button--summary {
background: var( --keb-burgundy );
border: 1px solid var( --keb-burgundy );
color: #fff;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.16em;
margin-top: 20px;
min-height: 54px;
padding: 16px 22px;
}
.keb-product-button--summary:hover:not( :disabled ) {
background: var( --keb-ink );
border-color: var( --keb-ink );
color: #fff;
}
.keb-product-button--secondary {
background: var( --keb-paper );
border-color: #b9b0aa;
width: 100%;
}
.keb-product-button--secondary:hover:not( :disabled ) {
background: var( --keb-burgundy );
border-color: var( --keb-burgundy );
color: #fff;
}
.keb-product-button--text {
border: 0;
min-height: 44px;
padding: 5px 0;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.keb-product-button--wide {
width: 100%;
}
.keb-product-button:disabled,
.keb-product-button[aria-disabled="true"] {
cursor: not-allowed;
opacity: 0.42;
transform: none;
}
.keb-product-button:focus-visible,
.keb-product-metal-picker__option:focus-visible,
.keb-product-size-select select:focus-visible,
.keb-product-diamond-studio__close:focus-visible,
.keb-product-diamond-detail-panel__close:focus-visible,
.keb-product-diamonds input:focus-visible,
.keb-product-diamonds select:focus-visible,
.keb-product-diamonds summary:focus-visible,
.keb-product-diamonds a:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 3px;
} .keb-product-selected-summary {
align-items: center;
background: transparent;
border-bottom: 1px solid var( --keb-hairline );
display: grid;
gap: 4px 18px;
grid-template-columns: minmax( 0, 1fr ) auto;
margin: 0;
padding: 14px 0;
}
.keb-product-selected-summary span {
color: var( --keb-soft );
font-size: 10px;
font-weight: 500;
grid-column: 1;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
.keb-product-selected-summary strong {
font-size: 13px;
font-weight: 400;
grid-column: 1;
line-height: 1.5;
} .keb-product-selected-summary b {
display: none;
}
.keb-product-selected-summary__change {
grid-column: 1;
justify-self: start;
}
.keb-product-selected-summary__actions {
display: flex;
flex-wrap: wrap;
gap: 5px 14px;
grid-column: 1 / -1 !important;
margin-top: 5px;
}
body.keb-diamond-studio-open {
overflow: hidden;
}
.keb-product-diamonds:not( [open] ) {
display: none;
}
.keb-product-diamonds[open] {
background: var( --keb-paper );
border: 1px solid var( --keb-line );
clear: both;
display: block;
float: none;
height: auto;
inset: 0;
margin: clamp( 16px, 3vh, 36px ) auto;
max-height: calc( 100vh - clamp( 32px, 6vh, 72px ) );
max-height: calc( 100dvh - clamp( 32px, 6vh, 72px ) );
max-width: min( 1360px, calc( 100vw - clamp( 24px, 4vw, 88px ) ) );
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 0;
position: fixed;
scroll-margin-top: 0;
width: 100%;
z-index: 100000;
animation: keb-studio-enter 340ms cubic-bezier( 0.22, 0.7, 0.3, 1 );
box-shadow: 0 32px 90px rgba( 33, 26, 24, 0.28 );
}
@keyframes keb-studio-enter {
from {
opacity: 0;
transform: translateY( 14px );
}
to {
opacity: 1;
transform: translateY( 0 );
}
}
@media ( prefers-reduced-motion: reduce ) {
.keb-product-diamonds[open] {
animation: none;
}
}
.keb-product-diamonds::backdrop {
background: rgba( 33, 26, 24, 0.55 );
backdrop-filter: blur( 3px );
-webkit-backdrop-filter: blur( 3px );
}
.keb-product-diamond-studio__bar {
align-items: center;
background: #fff;
border-bottom: 1px solid var( --keb-line );
display: flex;
gap: 24px;
justify-content: space-between;
min-height: 68px;
padding: calc( 9px + env( safe-area-inset-top ) ) max( clamp( 20px, 4vw, 64px ), env( safe-area-inset-right ) ) 9px max( clamp( 20px, 4vw, 64px ), env( safe-area-inset-left ) );
position: sticky;
top: 0;
z-index: 20;
}
.keb-product-diamond-studio__close {
align-items: center;
appearance: none;
background: transparent;
border: 0;
color: var( --keb-ink );
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 11px;
font-weight: 650;
gap: 10px;
letter-spacing: 0.11em;
margin: 0;
min-height: 44px;
padding: 8px 0;
text-transform: uppercase;
}
.keb-product-diamond-studio__close > span[aria-hidden="true"] {
font-size: 20px;
font-weight: 350;
line-height: 1;
}
.keb-product-diamond-studio__context {
align-items: center;
display: flex;
gap: 13px;
justify-content: flex-end;
line-height: 1.2;
min-width: 0;
text-align: right;
}
.keb-product-diamond-studio__thumb {
background: #fff;
border: 1px solid var( --keb-soft-line );
display: block;
flex: 0 0 auto;
height: 46px;
overflow: hidden;
width: 46px;
}
.keb-product-diamond-studio__thumb img {
display: block;
height: 100%;
object-fit: contain;
padding: 2px;
width: 100%;
}
.keb-product-diamond-studio__context-text {
display: grid;
justify-items: end;
min-width: 0;
}
.keb-product-diamond-studio__context-text > span {
color: var( --keb-gold );
font-size: 10px;
font-weight: 600;
letter-spacing: 0.14em;
margin-bottom: 3px;
text-transform: uppercase;
}
.keb-product-diamond-studio__context-text strong {
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: 15px;
font-weight: 400;
max-width: min( 46vw, 480px );
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.keb-product-diamond-studio__context-text small {
color: var( --keb-muted );
font-size: 11px;
margin-top: 3px;
max-width: min( 46vw, 480px );
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.keb-product-diamonds__header {
align-items: baseline;
background: transparent;
border: 0;
border-bottom: 1px solid var( --keb-line );
color: var( --keb-ink );
display: flex;
flex-wrap: wrap;
gap: 10px 40px;
justify-content: space-between;
margin: 0 auto;
max-width: 1360px;
padding: clamp( 22px, 3vw, 34px ) clamp( 24px, 4vw, 56px ) clamp( 18px, 2.4vw, 26px );
text-align: left;
}
.keb-product-diamonds__header p,
.keb-product-diamonds__header h2 {
color: inherit;
margin: 0;
}
.keb-product-diamonds__header > div > p {
color: var( --keb-gold );
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
margin-bottom: 7px;
text-transform: uppercase;
}
.keb-product-diamonds__header h2 {
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 25px, 2.6vw, 33px );
font-weight: 400;
letter-spacing: -0.01em;
line-height: 1.12;
}
.keb-product-diamonds__intro {
color: var( --keb-muted );
font-size: 13.5px;
line-height: 1.6;
margin: 0;
max-width: 400px;
}
.keb-product-diamonds__intro > :last-child {
margin-bottom: 0;
}
.keb-product-diamonds__layout {
display: grid;
gap: 0;
grid-template-columns: clamp( 272px, 21vw, 312px ) minmax( 0, 1fr );
margin: 0 auto;
max-width: 1360px;
padding: 0 clamp( 24px, 4vw, 56px );
}
.keb-product-diamonds__layout.keb-product-diamonds__layout--no-filters {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-filters {
align-self: start;
background: transparent;
border-right: 1px solid var( --keb-soft-line );
max-height: calc( 100vh - var( --keb-studio-bar-offset ) );
max-height: calc( 100dvh - var( --keb-studio-bar-offset ) );
overflow-y: auto;
overscroll-behavior: contain;
padding: 0 26px 34px 0;
position: sticky;
top: var( --keb-studio-bar-offset );
scrollbar-color: rgba( 53, 18, 17, 0.24 ) transparent;
scrollbar-width: thin;
}
.keb-product-filter-heading {
background: var( --keb-paper );
border-bottom: 1px solid var( --keb-line );
padding: 26px 0 17px;
position: sticky;
top: 0;
z-index: 2;
}
.keb-product-filter-heading p {
color: var( --keb-gold );
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
margin: 0 0 5px;
text-transform: uppercase;
}
.keb-product-filter-heading h3,
.keb-product-results-toolbar h3 {
color: var( --keb-ink );
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 22px, 2vw, 28px );
font-weight: 400;
letter-spacing: -0.015em;
line-height: 1.15;
margin: 0;
text-transform: none;
}
.keb-product-filters form {
display: grid;
gap: 0;
margin: 0;
}
.keb-product-filter-group,
.keb-product-filter-details,
.keb-product-sort,
.keb-product-filter-actions {
border: 0;
border-bottom: 1px solid var( --keb-soft-line );
display: block;
margin: 0;
padding: 19px 0;
}
fieldset.keb-product-filter-group {
min-width: 0;
}
.keb-product-filter-group__label,
.keb-product-sort > span {
font-size: 11px;
margin-bottom: 9px;
}
.keb-product-segments {
display: flex;
flex-wrap: wrap;
gap: 2px 22px;
}
.keb-product-segments span {
align-items: center;
background: transparent;
border: 0;
box-shadow: inset 0 -1px 0 transparent;
color: var( --keb-muted );
cursor: pointer;
display: inline-flex;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 1.2;
min-height: 40px;
padding: 4px 1px;
text-align: left;
transition: color 140ms ease, box-shadow 140ms ease;
}
.keb-product-segments label:hover span {
color: var( --keb-ink );
}
.keb-product-segments input:checked + span {
box-shadow: inset 0 -2px 0 var( --keb-burgundy );
color: var( --keb-ink );
font-weight: 600;
}
.keb-product-chip-grid span {
align-items: center;
background: transparent;
border: 1px solid var( --keb-line );
color: var( --keb-ink );
display: flex;
font-size: 11px;
font-weight: 500;
justify-content: center;
line-height: 1.2;
min-height: 42px;
padding: 6px;
text-align: center;
transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.keb-product-chip-grid input:checked + span {
background: var( --keb-burgundy );
border-color: var( --keb-burgundy );
color: #fff;
}
.keb-product-segments input:focus-visible + span,
.keb-product-chip-grid input:focus-visible + span {
outline: 2px solid var( --keb-gold );
outline-offset: 2px;
}
.keb-product-filter-details summary {
cursor: pointer;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
list-style: none;
padding-right: 20px;
position: relative;
text-transform: none;
}
.keb-product-filter-details summary::-webkit-details-marker {
display: none;
}
.keb-product-filter-details summary::after {
content: "+";
font-size: 17px;
font-weight: 350;
position: absolute;
right: 0;
top: -4px;
}
.keb-product-filter-details[open] summary::after {
content: "−";
}
.keb-product-chip-grid,
.keb-product-check-grid {
display: grid;
gap: 5px;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
margin-top: 13px;
}
.keb-product-check-grid {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-check-grid label {
align-items: center;
display: flex;
font-size: 11px;
gap: 7px;
line-height: 1.25;
min-height: 44px;
}
.keb-product-check-grid input {
accent-color: var( --keb-ink );
height: 15px;
margin: 0;
width: 15px;
}
.keb-product-locked-value {
background: transparent;
border: 1px solid var( --keb-line );
display: block;
font-size: 12px;
font-weight: 600;
padding: 9px 10px;
text-align: center;
}
.keb-product-range {
align-items: end;
display: grid;
gap: 7px;
grid-template-columns: minmax( 0, 1fr ) auto minmax( 0, 1fr );
}
.keb-product-range label,
.keb-product-range input {
min-width: 0;
}
.keb-product-range label span {
color: var( --keb-muted );
display: block;
font-size: 10px;
letter-spacing: 0.05em;
margin-bottom: 4px;
text-transform: uppercase;
}
.keb-product-range input,
.keb-product-sort select {
appearance: none;
background: #fff;
border: 1px solid var( --keb-line );
border-radius: 0;
box-shadow: none;
color: var( --keb-ink );
font-family: inherit;
font-size: 12px;
height: 44px;
margin: 0;
padding: 6px 8px;
width: 100%;
}
.keb-product-sort select {
background-image: linear-gradient( 45deg, transparent 50%, #555 50% ), linear-gradient( 135deg, #555 50%, transparent 50% );
background-position: calc( 100% - 14px ) 16px, calc( 100% - 10px ) 16px;
background-repeat: no-repeat;
background-size: 4px 4px, 4px 4px;
padding-right: 26px;
}
.keb-product-filter-actions {
display: grid;
gap: 5px;
}
.keb-product-filter-actions .keb-product-button {
width: 100%;
}
.keb-product-filter-actions__close {
display: none;
}
.keb-product-results-wrap {
background: transparent;
container: keb-product-results-wrap / inline-size;
min-width: 0;
padding: 30px 0 56px clamp( 24px, 2.6vw, 40px );
}
.keb-product-results-toolbar {
align-items: flex-end;
border-bottom: 1px solid var( --keb-line );
display: flex;
justify-content: space-between;
margin: 0 0 22px;
min-height: 40px;
padding-bottom: 15px;
}
.keb-product-results-toolbar p {
color: var( --keb-muted );
font-size: 12px;
margin: 5px 0 0;
scroll-margin-top: var( --keb-studio-bar-offset );
}
.keb-product-button--filter {
display: none;
min-height: 44px;
padding: 8px 13px;
}
.keb-product-results {
display: grid;
gap: 22px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-diamond-card {
background: #fff;
border: 1px solid #e6e2dc;
border-radius: 8px;
box-shadow: none;
cursor: pointer;
display: flex;
flex-direction: column;
grid-column: auto;
min-width: 0;
overflow: hidden;
position: relative;
transition: border-color 160ms ease;
}
.keb-product-diamond-card:hover {
border-color: #cbc4ba;
box-shadow: none;
transform: none;
}
.keb-product-diamond-card.is-selected {
border-color: var( --keb-burgundy );
box-shadow: none;
transform: none;
}
.keb-product-diamond-card.is-selected {
box-shadow: inset 0 3px 0 var( --keb-gold );
}
.keb-product-diamond-card.is-selected::after {
align-items: center;
background: var( --keb-burgundy );
color: #fff;
content: "Selected";
display: flex;
font-size: 8px;
font-weight: 700;
height: 24px;
justify-content: center;
letter-spacing: 0.09em;
padding: 0 8px;
position: absolute;
right: 10px;
top: 10px;
text-transform: uppercase;
z-index: 4;
}
.keb-product-diamond-card__media {
align-items: center;
aspect-ratio: 1 / 1;
background: #d6d8dc;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
width: 100%;
}
.keb-product-diamond-card__media img {
display: block;
height: 100%;
object-fit: cover;
padding: 0;
transition: transform 220ms ease;
width: 100%;
}
.keb-product-diamond-card:hover .keb-product-diamond-card__media img {
transform: none;
}
.keb-product-diamond-card__badge {
background: rgba( 255, 255, 255, 0.94 );
border-radius: 5px;
box-shadow: none;
color: var( --keb-ink );
font-size: 12px;
font-weight: 500;
left: 12px;
letter-spacing: 0;
line-height: 1;
padding: 6px 9px;
position: absolute;
text-transform: none;
top: 12px;
z-index: 2;
}
.keb-product-diamond-card__gem {
align-items: center;
background: transparent;
border: 0;
box-shadow: none;
color: var( --keb-gold );
display: flex;
height: auto;
justify-content: center;
transform: none;
width: auto;
}
.keb-product-diamond-card__gem svg {
display: block;
height: 86px;
width: 86px;
}
.keb-product-diamond-detail-panel__media .keb-product-diamond-card__gem svg {
height: 132px;
width: 132px;
}
.keb-shape-round {
border-radius: 50%;
transform: none;
}
.keb-shape-oval {
border-radius: 50%;
height: 92px;
transform: none;
width: 65px;
}
.keb-shape-emerald,
.keb-shape-radiant {
height: 88px;
transform: none;
width: 65px;
}
.keb-shape-cushion {
border-radius: 24%;
transform: none;
}
.keb-shape-pear {
border-radius: 52% 52% 52% 8%;
height: 88px;
transform: rotate( -45deg );
width: 68px;
}
.keb-shape-marquise {
border-radius: 100% 8% 100% 8%;
height: 94px;
transform: rotate( -45deg );
width: 52px;
}
.keb-shape-princess {
height: 74px;
width: 74px;
}
.keb-shape-asscher {
clip-path: polygon( 20% 0, 80% 0, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0 80%, 0 20% );
transform: none;
}
.keb-shape-heart {
clip-path: polygon( 50% 100%, 7% 47%, 4% 27%, 13% 10%, 29% 3%, 43% 9%, 50% 22%, 57% 9%, 71% 3%, 87% 10%, 96% 27%, 93% 47% );
height: 76px;
transform: none;
width: 86px;
}
.keb-shape-baguette {
height: 48px;
transform: none;
width: 96px;
}
.keb-shape-trillion {
clip-path: polygon( 50% 2%, 98% 91%, 2% 91% );
height: 78px;
transform: none;
width: 90px;
}
.keb-shape-other {
border-radius: 50%;
transform: none;
} .keb-product-diamond-card__gem[class*="keb-shape-"] {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
clip-path: none;
height: auto;
transform: none;
width: auto;
}
.keb-product-diamond-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 16px 18px 14px;
text-align: left;
}
.keb-product-diamond-card__body h3 {
color: var( --keb-ink );
font-family: inherit;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.35;
margin: 0 0 1px;
text-transform: none;
}
.keb-product-diamond-card__quick-specs {
color: var( --keb-ink );
font-size: 16px;
letter-spacing: 0;
line-height: 1.35;
margin: 0 0 18px;
text-transform: none;
}
.keb-product-diamond-card__quality-specs {
color: var( --keb-muted );
font-size: 11px;
line-height: 1.45;
margin: 0 0 13px;
min-height: 16px;
}
.keb-product-diamond-card__price {
color: var( --keb-ink );
display: block;
font-size: 18px;
font-variant-numeric: tabular-nums;
font-weight: 600;
letter-spacing: 0;
line-height: 1.2;
margin: 0 0 8px;
}
.keb-product-diamond-card__footer {
align-items: center;
display: flex;
gap: 10px;
justify-content: space-between;
margin-top: auto;
}
.keb-product-diamond-card__footer .keb-product-button--text,
.keb-product-diamond-card__more {
align-items: center;
color: var( --keb-ink );
display: inline-flex;
font-size: 15px;
font-weight: 400;
gap: 7px;
letter-spacing: 0;
margin-bottom: 0;
min-height: 32px;
padding: 0;
text-decoration: none;
text-transform: none;
}
.keb-product-diamond-card__more:hover,
.keb-product-diamond-card__more:focus-visible {
color: var( --keb-burgundy );
text-decoration: none;
}
.keb-product-diamond-card__chevron {
flex: none;
transition: transform 160ms ease;
}
.keb-product-diamond-card__more[aria-expanded="true"] .keb-product-diamond-card__chevron {
transform: rotate( 180deg );
}
.keb-product-diamond-card__cert {
border: 0;
border-radius: 0;
color: var( --keb-ink );
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
padding: 0;
}
.keb-product-diamond-detail-panel__quality {
color: var( --keb-muted );
font-size: 13px;
line-height: 1.5;
margin: 6px 0 0;
}
.keb-product-diamond-detail-panel {
align-items: stretch;
background: var( --keb-warm );
border: 1px solid var( --keb-burgundy );
display: grid;
gap: 0;
grid-column: 1 / -1;
grid-template-columns: minmax( 0, 0.72fr ) minmax( 0, 1.28fr );
margin: 5px 0 15px;
max-width: 100%;
min-width: 0;
overflow: hidden;
position: relative;
scroll-margin-top: var( --keb-studio-bar-offset );
width: 100%;
}
.keb-product-diamond-detail-panel__close {
appearance: none;
background: transparent;
border: 0;
color: var( --keb-ink );
cursor: pointer;
font-family: inherit;
font-size: 30px;
font-weight: 300;
line-height: 1;
min-height: 44px;
min-width: 44px;
padding: 12px;
position: absolute;
right: 3px;
top: 3px;
z-index: 3;
}
.keb-product-diamond-detail-panel__media {
align-items: center;
background: var( --keb-warm-dark );
display: flex;
justify-content: center;
min-height: 330px;
min-width: 0;
overflow: hidden;
padding: 24px;
}
.keb-product-diamond-detail-panel__media img {
height: 100%;
max-height: 360px;
object-fit: contain;
width: 100%;
}
.keb-product-diamond-detail-panel__media .keb-product-diamond-card__gem {
height: 120px;
width: 120px;
}
.keb-product-diamond-detail-panel__content {
align-self: center;
display: grid;
min-width: 0;
padding: clamp( 28px, 4vw, 52px );
padding-right: clamp( 56px, 5vw, 72px );
}
.keb-product-diamond-detail-panel__eyebrow {
color: var( --keb-muted );
font-size: 9px;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 7px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__content h3 {
color: var( --keb-ink );
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 20px, 2.4vw, 30px );
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1.1;
margin: 0 0 7px;
}
.keb-product-diamond-detail-panel__price {
font-size: 19px;
font-weight: 550;
margin-bottom: 20px;
}
.keb-product-diamond-detail-panel__specs {
display: grid;
gap: 0;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
margin: 0 0 18px;
width: 100% !important;
}
.keb-product-diamond-card__detail {
border-bottom: 1px solid var( --keb-line );
min-width: 0;
padding: 9px 8px 9px 0;
width: auto !important;
}
.keb-product-diamond-card__detail dt {
color: var( --keb-muted );
font-size: 10px;
font-weight: 600;
letter-spacing: 0.09em;
margin: 0 0 2px;
text-transform: uppercase;
width: auto !important;
}
.keb-product-diamond-card__detail dd {
color: var( --keb-ink );
font-size: 12px;
font-weight: 500;
margin: 0;
overflow-wrap: anywhere;
width: auto !important;
}
.keb-product-diamond-card__links {
display: flex;
flex-wrap: wrap;
font-size: 10px;
gap: 15px;
margin: 0 0 18px;
}
.keb-product-diamond-card__links a {
color: var( --keb-ink );
text-decoration: underline;
text-underline-offset: 3px;
}
.keb-product-diamond-detail-panel__content > .keb-product-button {
justify-self: start;
min-width: 0;
width: min( 300px, 100% );
}
.keb-product-diamond-card--skeleton {
gap: 12px;
min-height: 335px;
padding: 14px;
}
.keb-product-diamond-card--skeleton span {
animation: keb-product-skeleton 1.25s ease-in-out infinite alternate;
background: var( --keb-warm );
display: block;
height: 15px;
}
.keb-product-diamond-card--skeleton span:first-child {
height: 180px;
}
.keb-product-diamond-card--skeleton span:nth-child( 2 ) {
width: 78%;
}
.keb-product-diamond-card--skeleton span:nth-child( 3 ) {
width: 55%;
}
@keyframes keb-product-skeleton {
from { opacity: 0.55; }
to { opacity: 1; }
} @container keb-product-results-wrap (max-width: 680px) {
.keb-product-results {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-diamond-detail-panel {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-diamond-detail-panel__media {
min-height: 250px;
}
.keb-product-diamond-detail-panel__content {
padding: 28px 22px;
}
.keb-product-diamond-detail-panel__content > .keb-product-button {
justify-self: stretch;
width: 100%;
}
}
@container keb-product-results-wrap (max-width: 440px) {
.keb-product-results {
grid-template-columns: minmax( 0, 1fr );
}
}
.keb-product-results .keb-product-notice {
background: transparent;
border: 0;
color: var( --keb-ink );
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: 16.5px;
grid-column: 1 / -1;
line-height: 1.65;
margin: 0;
max-width: 44ch;
padding: 60px 20px 68px;
text-align: center;
justify-self: center;
}
.keb-product-results .keb-product-notice::before {
color: var( --keb-gold );
content: "\25C7";
display: block;
font-size: 21px;
margin: 0 auto 13px;
}
.keb-product-pagination {
align-items: center;
display: flex;
gap: 24px;
justify-content: center;
margin: 28px 0 0;
}
.keb-product-pagination .keb-product-button--load-more {
min-width: 190px;
width: auto;
}
.keb-product-pagination > span {
color: var( --keb-muted );
font-size: 11px;
}
.keb-product-selection {
background: var( --keb-paper );
border-bottom: 1px solid var( --keb-line );
border-left: 0;
border-right: 0;
border-top: 1px solid var( --keb-line );
display: grid;
gap: 20px;
grid-template-columns: minmax( 0, 1fr );
margin: 0 auto 34px;
max-width: 1360px;
padding: clamp( 22px, 4vw, 42px );
scroll-margin-top: var( --keb-studio-bar-offset );
}
.keb-product-selection__completion {
align-items: end;
display: grid;
gap: 24px;
grid-template-columns: minmax( 0, 1fr ) minmax( 250px, 0.48fr );
}
.keb-product-ring-size-review {
border-bottom: 1px solid var( --keb-line );
border-top: 1px solid var( --keb-line );
margin: 2px 0 4px;
}
.keb-product-ring-size-review__panel > p {
color: var( --keb-muted );
font-size: 12px;
line-height: 1.5;
margin: 12px 0 0;
}
.keb-product-selection__summary {
align-items: center;
display: grid;
gap: 28px;
grid-template-columns: minmax( 0, 1fr ) auto auto;
}
.keb-product-selection__summary [data-keb-selected-diamond] {
display: grid;
gap: 3px;
}
.keb-product-selection__summary [data-keb-selected-diamond] span,
.keb-product-selection__total span {
color: var( --keb-muted );
font-size: 9px;
font-weight: 650;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.keb-product-selection__summary [data-keb-selected-diamond] strong {
font-size: 17px;
font-weight: 550;
}
.keb-product-selection__summary [data-keb-selected-diamond] p {
color: var( --keb-muted );
font-size: 11px;
margin: 0;
}
.keb-product-selection__summary [data-keb-selected-diamond] b {
font-size: 14px;
font-weight: 550;
}
.keb-product-selection__ring-size {
display: grid;
gap: 4px;
margin: 0;
min-width: 94px;
}
.keb-product-selection__ring-size span {
color: var( --keb-muted );
font-size: 9px;
font-weight: 650;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.keb-product-selection__ring-size strong {
font-size: 14px;
font-weight: 550;
}
.keb-product-selection__total {
border-left: 1px solid var( --keb-line );
display: grid;
gap: 4px;
padding-left: 28px;
text-align: right;
}
.keb-product-selection__total strong {
font-size: clamp( 23px, 3vw, 32px );
font-weight: 400;
}
.keb-product-cart-form {
align-content: center;
display: grid;
gap: 8px;
margin: 0;
}
.keb-product-selection__completion--cart-only {
grid-template-columns: minmax( 250px, 0.48fr );
justify-content: end;
}
.keb-product-cart-form p {
color: var( --keb-muted );
font-size: 10px;
line-height: 1.4;
margin: 0;
text-align: center;
}
.keb-product-cart-form .keb-product-made-to-order {
align-items: center;
background: #f8f3eb;
border: 1px solid var( --keb-line );
border: 1px solid color-mix( in srgb, var( --keb-gold ) 42%, transparent );
display: grid;
gap: 3px;
justify-items: start;
margin-top: 6px;
padding: 14px 16px;
text-align: left;
}
.keb-product-made-to-order strong {
color: var( --keb-ink );
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.keb-product-made-to-order span {
color: var( --keb-muted );
font-size: 12px;
line-height: 1.45;
}
.keb-product-made-to-order time {
color: var( --keb-ink );
font-weight: 600;
}
.keb-product-reassurance {
border-left: 2px solid var( --keb-gold );
color: var( --keb-muted );
font-size: 12px;
line-height: 1.6;
margin: 0 auto 34px;
max-width: 760px;
padding-left: 16px;
}
.keb-product-reassurance > :first-child {
margin-top: 0;
}
.keb-product-reassurance > :last-child {
margin-bottom: 0;
}
.keb-product-notice {
background: var( --keb-warm );
border-left: 3px solid var( --keb-gold );
color: var( --keb-ink );
font-size: 12px;
grid-column: 1 / -1;
margin: 0;
padding: 17px;
}
.keb-product-sr-only {
border: 0 !important;
clip: rect( 1px, 1px, 1px, 1px ) !important;
clip-path: inset( 50% ) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
@media ( max-width: 980px ) {
.keb-product-diamond-detail-panel__specs {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
}
@media ( max-width: 1024px ) {
.keb-product-diamonds__layout {
display: block;
}
.keb-product-results-wrap {
padding: 26px 20px 44px;
}
.keb-product-button--filter {
display: inline-flex;
}
.keb-product-filters {
border-left: 0;
border-right: 0;
display: none;
margin-bottom: 20px;
max-height: none;
overflow: visible;
position: static;
}
.keb-product-filters.is-open {
display: block;
}
.keb-product-filter-details,
.keb-product-filter-group,
.keb-product-sort {
padding: 15px 16px;
}
.keb-product-filters {
border-right: 0;
padding: 0 0 30px;
}
.keb-product-filter-heading {
padding: 20px 16px 14px;
}
.keb-product-diamonds__layout {
padding: 0;
}
.keb-product-results-wrap {
padding: 24px 16px 48px;
}
.keb-product-filter-heading {
position: static;
}
.keb-product-filter-actions {
background: #fff;
bottom: 0;
display: grid;
gap: 8px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
padding: 12px 15px max( 12px, env( safe-area-inset-bottom ) );
position: sticky;
z-index: 3;
}
.keb-product-filter-actions__close {
display: inline-flex;
}
.keb-product-filter-actions .keb-product-button--text {
grid-column: auto;
}
}
@media ( max-width: 620px ) {
.keb-product-journey-note {
align-items: flex-start;
flex-direction: column;
}
.keb-product-summary-controls__fields {
display: block;
}
.keb-product-selected-summary {
grid-template-columns: 1fr;
}
.keb-product-selected-summary b {
grid-column: 1;
grid-row: auto;
margin-top: 5px;
}
.keb-product-diamonds[open] {
--keb-studio-bar-offset: calc( 62px + env( safe-area-inset-top ) );
border: 0;
box-shadow: none;
height: 100vh;
height: 100dvh;
margin: 0;
max-height: none;
max-width: none;
width: 100vw;
}
.keb-product-diamond-studio__bar {
gap: 14px;
min-height: 62px;
padding: calc( 7px + env( safe-area-inset-top ) ) max( 16px, env( safe-area-inset-right ) ) 7px max( 16px, env( safe-area-inset-left ) );
}
.keb-product-diamond-studio__close {
font-size: 9px;
gap: 7px;
letter-spacing: 0.08em;
}
.keb-product-diamond-studio__thumb {
display: none;
}
.keb-product-diamond-studio__context-text strong {
font-size: 13px;
max-width: 48vw;
}
.keb-product-diamond-studio__context-text small {
max-width: 48vw;
}
.keb-product-diamond-studio__context-text > span {
font-size: 9px;
}
.keb-product-diamonds__header {
display: block;
padding: 22px 20px 20px;
}
.keb-product-results {
gap: 14px;
}
.keb-product-diamond-card__body {
padding: 12px 12px 10px;
}
.keb-product-diamond-card__body h3 {
font-size: 14.5px;
}
.keb-product-diamond-card__quick-specs {
font-size: 14.5px;
margin-bottom: 12px;
}
.keb-product-diamond-card__price {
font-size: 16px;
}
.keb-product-diamond-card__footer .keb-product-button--text,
.keb-product-diamond-card__more,
.keb-product-diamond-card__cert {
font-size: 13.5px;
}
.keb-product-diamond-detail-panel {
grid-template-columns: 1fr;
}
.keb-product-diamond-detail-panel__media {
min-height: 250px;
}
.keb-product-diamond-detail-panel__content {
padding: 24px 18px;
}
.keb-product-diamond-detail-panel__specs {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-selection__summary {
align-items: start;
gap: 18px;
grid-template-columns: 1fr;
}
.keb-product-selection__completion {
grid-template-columns: 1fr;
}
.keb-product-selection__completion--cart-only {
justify-content: stretch;
}
.keb-product-selection__total {
border-left: 0;
border-top: 1px solid var( --keb-line );
padding-left: 0;
padding-top: 16px;
text-align: left;
}
.keb-product-size-select select,
.keb-product-field input,
.keb-product-range input,
.keb-product-sort select {
font-size: 16px;
}
} @container keb-product-results-wrap (min-width: 760px) {
.keb-product-results {
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
}
}
@container keb-product-results-wrap (min-width: 1040px) {
.keb-product-results {
gap: 18px;
grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
}
}
@container keb-product-results-wrap (max-width: 760px) {
.keb-product-diamond-detail-panel {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-diamond-detail-panel__media {
min-height: 250px;
}
.keb-product-diamond-detail-panel__content {
padding: 46px 22px 28px;
}
.keb-product-diamond-detail-panel__content > .keb-product-button {
justify-self: stretch;
width: 100%;
}
}
@container keb-product-results-wrap (max-width: 479px) {
.keb-product-results,
.keb-product-diamond-detail-panel__specs {
grid-template-columns: minmax( 0, 1fr );
}
}
@media ( hover: none ) {
.keb-product-metal-picker__option::after {
display: none;
}
}
@media ( prefers-reduced-motion: reduce ) {
.keb-product-summary-controls *,
.keb-product-diamonds * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
.keb-product-diamond-card--skeleton span {
animation: none;
}
} .keb-product-sr-select {
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
width: 1px !important;
}
.keb-product-size-select--enhanced {
display: none !important;
} .keb-product-size-grid {
display: grid;
gap: 8px;
grid-template-columns: repeat( 9, minmax( 0, 1fr ) );
margin: 0;
min-width: 0;
width: 100%;
}
.keb-product-size-grid__option {
align-items: center;
background: #fff;
border: 1px solid #d8cec5;
border-radius: 0;
color: var( --keb-ink );
cursor: pointer;
display: flex;
font-family: inherit;
font-size: 13px;
font-weight: 500;
height: 44px;
justify-content: center;
line-height: 1;
margin: 0;
min-width: 0;
padding: 0 2px;
transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.keb-product-size-grid__option:hover {
border-color: var( --keb-ink );
}
.keb-product-size-grid__option.is-selected {
background: var( --keb-burgundy );
border-color: var( --keb-burgundy );
color: #fff;
}
.keb-product-size-grid__option:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 2px;
}
@media ( max-width: 900px ) {
.keb-product-size-grid {
grid-template-columns: repeat( 6, minmax( 0, 1fr ) );
}
}
@media ( max-width: 640px ) {
.keb-product-size-grid {
grid-template-columns: repeat( 5, minmax( 0, 1fr ) );
}
.keb-product-ring-size-review > summary {
grid-template-columns: minmax( 0, 1fr ) auto 16px;
}
}
.keb-product-diamond-detail-panel__video {
aspect-ratio: 1 / 1;
background: #f6f3ee;
display: block;
max-width: 440px;
overflow: hidden;
position: relative;
width: 100%;
}
.keb-product-diamond-detail-panel__video iframe,
.keb-product-diamond-detail-panel__video video {
border: 0;
display: block;
height: 100%;
left: 0;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
} .keb-product-metal-picker > legend.keb-product-sr-only {
clip: rect( 0 0 0 0 );
clip-path: inset( 50% );
display: block;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.keb-product-info-trigger {
align-items: center;
appearance: none;
background: transparent;
border: 1px solid currentColor;
border-radius: 50%;
color: var( --keb-muted );
cursor: pointer;
display: inline-grid;
flex: 0 0 30px;
font: inherit;
font-family: Georgia, "Times New Roman", serif;
font-size: 13px;
height: 30px;
justify-content: center;
line-height: 1;
margin: 0;
padding: 0;
transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
width: 30px;
}
.keb-product-info-trigger[hidden] {
display: none !important;
}
.keb-product-info-trigger:hover {
background: var( --keb-warm );
border-color: var( --keb-ink );
color: var( --keb-ink );
}
.keb-product-info-trigger:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 3px;
}
.keb-product-info-trigger:focus-visible,
.keb-product-size-grid__option:focus-visible,
.keb-product-check-grid input:focus-visible + span,
.keb-product-diamond-detail-panel__certificate:focus-visible,
.keb-product-diamond-detail-panel__video-toggle:focus-visible {
outline: 2px solid #765126;
outline-offset: 3px;
}
.keb-product-info-dialog:not([open]) {
display: none;
}
.keb-product-info-dialog[open] {
background: transparent;
border: 0;
color: var( --keb-ink );
max-height: calc( 100dvh - 32px );
max-width: none;
overflow: visible;
padding: 0;
width: min( 680px, calc( 100vw - 32px ) );
}
.keb-product-info-dialog::backdrop {
background: rgba( 25, 18, 17, 0.58 );
backdrop-filter: blur( 2px );
}
.keb-product-info-dialog__surface {
background: #fffdf9;
border-top: 4px solid var( --keb-gold );
box-shadow: 0 24px 72px rgba( 35, 22, 20, 0.24 );
max-height: calc( 100dvh - 32px );
overflow: auto;
overscroll-behavior: contain;
padding: clamp( 32px, 6vw, 60px );
position: relative;
text-align: left;
}
.keb-product-info-dialog__surface::before {
background: var( --keb-burgundy );
content: "";
height: 1px;
left: clamp( 32px, 6vw, 60px );
opacity: 0.3;
position: absolute;
right: clamp( 32px, 6vw, 60px );
top: 28px;
}
.keb-product-info-dialog__close {
align-items: center;
appearance: none;
background: #fffdf9;
border: 1px solid var( --keb-line );
border-radius: 50%;
color: var( --keb-ink );
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 27px;
font-weight: 300;
height: 44px;
justify-content: center;
line-height: 1;
padding: 0 0 3px;
position: absolute;
right: 18px;
top: 16px;
width: 44px;
}
.keb-product-info-dialog__eyebrow {
color: #765126;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
margin: 14px 0 12px;
text-transform: uppercase;
}
.keb-product-info-dialog h2 {
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 32px, 5vw, 48px );
font-weight: 400;
letter-spacing: -0.025em;
line-height: 1.05;
margin: 0 54px 20px 0;
}
.keb-product-info-dialog__surface > p:not( .keb-product-info-dialog__eyebrow ) {
color: var( --keb-muted );
font-size: 16px;
line-height: 1.7;
margin: 0 0 13px;
max-width: 58ch;
}
.keb-product-info-dialog__actions {
border-top: 1px solid var( --keb-line );
margin-top: 28px;
padding-top: 24px;
}
.keb-product-info-dialog__actions .keb-product-button {
min-width: min( 260px, 100% );
}
.keb-product-check-grid {
gap: 8px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-check-grid label {
display: block;
min-height: 0;
}
.keb-product-check-grid label[hidden] {
display: none !important;
}
.keb-product-check-grid input {
clip: rect( 0 0 0 0 );
clip-path: inset( 50% );
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.keb-product-check-grid label > span {
align-items: center;
background: #fff;
border: 1px solid rgba( 73, 18, 20, 0.56 );
color: var( --keb-ink );
display: flex;
font-size: 12px;
font-weight: 550;
justify-content: center;
line-height: 1.25;
min-height: 46px;
padding: 8px 10px;
text-align: center;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.keb-product-check-grid label:hover > span {
border-color: var( --keb-ink );
}
.keb-product-check-grid input:checked + span {
background: var( --keb-burgundy );
border-color: var( --keb-burgundy );
color: #fff;
}
.keb-product-check-grid input:focus-visible + span {
outline: 2px solid #765126;
outline-offset: 2px;
}
.keb-product-check-grid input:disabled + span {
background: #f3f0ec;
color: #9b938e;
cursor: not-allowed;
opacity: 0.65;
}
.keb-product-diamond-detail-panel {
background: #fffdf9;
border: 1px solid rgba( 73, 18, 20, 0.42 );
box-shadow: 0 18px 54px rgba( 44, 25, 21, 0.12 );
grid-template-columns: minmax( 0, 0.94fr ) minmax( 0, 1.06fr );
min-height: 560px;
}
.keb-product-diamond-detail-panel__close {
background: rgba( 255, 253, 249, 0.9 );
border: 1px solid rgba( 73, 18, 20, 0.2 );
border-radius: 50%;
font-size: 26px;
height: 44px;
padding: 0 0 3px;
right: 18px;
top: 18px;
width: 44px;
}
.keb-product-diamond-detail-panel__media {
align-items: center;
background:
radial-gradient( circle at 50% 45%, rgba( 255, 255, 255, 0.92 ) 0 24%, rgba( 255, 255, 255, 0.25 ) 58%, transparent 75% ),
linear-gradient( 145deg, #eee4d9 0%, #f8f3ec 48%, #e9dccc 100% );
display: flex;
justify-content: center;
min-height: 560px;
padding: clamp( 50px, 5vw, 74px ) clamp( 24px, 4vw, 54px );
position: relative;
}
.keb-product-diamond-detail-panel__media::after {
border: 1px solid rgba( 73, 18, 20, 0.1 );
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
}
.keb-product-diamond-detail-panel__media-label,
.keb-product-diamond-detail-panel__media-note {
color: var( --keb-ink );
font-size: 9px;
font-weight: 700;
letter-spacing: 0.16em;
position: absolute;
text-transform: uppercase;
z-index: 2;
}
.keb-product-diamond-detail-panel__media-label {
left: 38px;
top: 37px;
}
.keb-product-diamond-detail-panel__media-note {
bottom: 37px;
font-weight: 550;
left: 38px;
letter-spacing: 0.08em;
}
.keb-product-diamond-detail-panel__media > img,
.keb-product-diamond-detail-panel__media > .keb-product-diamond-card__gem,
.keb-product-diamond-detail-panel__video {
aspect-ratio: 1 / 1;
height: auto;
max-height: 440px;
max-width: 440px;
object-fit: contain;
width: 100%;
z-index: 1;
}
.keb-product-diamond-detail-panel__video {
background: rgba( 255, 255, 255, 0.42 );
box-shadow: 0 10px 30px rgba( 58, 35, 30, 0.08 );
}
.keb-product-diamond-detail-panel__video iframe,
.keb-product-diamond-detail-panel__video video {
object-fit: contain;
}
.keb-product-diamond-detail-panel__video iframe {
pointer-events: none;
}
.keb-product-diamond-detail-panel__video-fallback {
align-items: center;
background: rgba( 255, 255, 255, 0.82 );
display: flex;
inset: 0;
justify-content: center;
position: absolute;
}
.keb-product-diamond-detail-panel__video-fallback[hidden] {
display: none !important;
}
.keb-product-diamond-detail-panel__video-fallback img,
.keb-product-diamond-detail-panel__video-fallback .keb-product-diamond-card__gem {
height: 100%;
max-height: none;
object-fit: contain;
width: 100%;
}
.keb-product-diamond-detail-panel__video.is-paused iframe,
.keb-product-diamond-detail-panel__video.is-paused video {
display: none;
}
.keb-product-diamond-detail-panel__video-toggle {
appearance: none;
background: rgba( 255, 253, 249, 0.94 );
border: 1px solid rgba( 73, 18, 20, 0.56 );
bottom: 12px;
color: var( --keb-ink );
cursor: pointer;
font-family: inherit;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.12em;
min-height: 38px;
padding: 9px 12px;
position: absolute;
right: 12px;
text-transform: uppercase;
z-index: 4;
}
.keb-product-diamond-detail-panel__content {
align-content: center;
align-self: stretch;
gap: 0;
padding: clamp( 42px, 5vw, 72px );
padding-right: clamp( 60px, 6vw, 86px );
}
.keb-product-diamond-detail-panel__header {
border-bottom: 1px solid var( --keb-line );
margin-bottom: 24px;
padding-bottom: 24px;
}
.keb-product-diamond-detail-panel__eyebrow {
color: var( --keb-gold-dark, #a97c35 );
font-size: 10px;
letter-spacing: 0.18em;
margin-bottom: 11px;
}
.keb-product-diamond-detail-panel__content h3 {
font-size: clamp( 30px, 3.4vw, 48px );
line-height: 1.02;
margin-bottom: 9px;
}
.keb-product-diamond-detail-panel__intro {
color: var( --keb-muted );
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 0 0 18px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__price {
display: block;
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 23px, 2vw, 30px );
font-weight: 400;
margin: 0;
}
.keb-product-diamond-detail-panel__section {
margin: 0 0 22px;
}
.keb-product-diamond-detail-panel__section-heading {
color: var( --keb-ink );
font-size: 10px;
font-weight: 700;
letter-spacing: 0.16em;
margin: 0 0 12px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs {
display: grid;
gap: 8px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
margin: 0;
width: 100% !important;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail {
background: var( --keb-warm );
border: 1px solid rgba( 73, 18, 20, 0.09 );
padding: 12px 14px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dt {
margin-bottom: 5px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dd {
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: 18px;
font-weight: 400;
}
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail {
padding: 8px 8px 8px 0;
}
.keb-product-diamond-detail-panel__reassurance {
border-left: 2px solid var( --keb-gold );
color: var( --keb-muted );
font-size: 12px;
line-height: 1.55;
margin: 2px 0 22px;
padding: 3px 0 3px 13px;
}
.keb-product-diamond-detail-panel__actions {
align-items: center;
display: grid;
gap: 12px;
grid-template-columns: minmax( 0, 0.65fr ) minmax( 0, 1.35fr );
}
.keb-product-diamond-detail-panel__actions.is-single-action .keb-product-button {
grid-column: 1 / -1;
}
.keb-product-diamond-detail-panel__actions .keb-product-button {
justify-self: stretch;
min-width: 0;
width: 100%;
}
.keb-product-diamond-detail-panel__certificate {
align-items: center;
border: 1px solid var( --keb-ink );
color: var( --keb-ink );
display: inline-flex;
font-size: 10px;
font-weight: 700;
justify-content: center;
letter-spacing: 0.13em;
min-height: 48px;
padding: 10px 14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__certificate:hover {
background: var( --keb-warm );
}
.keb-product-diamond-detail-panel__certificate:focus-visible {
outline: 2px solid #765126;
outline-offset: 3px;
}
.keb-product-ring-size-review__panel {
position: relative;
}
.keb-product-ring-size-review__info {
margin: 0 0 10px auto;
}
.keb-product-filter-heading > p,
.keb-product-diamond-detail-panel__eyebrow {
color: #765126;
}
@media ( max-width: 900px ) {
.keb-product-diamond-detail-panel {
grid-template-columns: 1fr;
}
.keb-product-diamond-detail-panel__media {
min-height: 390px;
}
.keb-product-diamond-detail-panel__content {
padding: 36px 28px 40px;
}
}
@media ( max-width: 640px ) {
.keb-product-info-dialog[open] {
width: min( calc( 100% - 20px ), 680px );
}
.keb-product-info-dialog__surface {
padding: 32px 24px 28px;
}
.keb-product-info-dialog__surface::before {
left: 24px;
right: 24px;
}
.keb-product-diamond-detail-panel__media {
min-height: 330px;
padding: 52px 26px;
}
.keb-product-diamond-detail-panel__media::after {
inset: 14px;
}
.keb-product-diamond-detail-panel__media-label {
left: 25px;
top: 27px;
}
.keb-product-diamond-detail-panel__media-note {
bottom: 27px;
left: 25px;
}
.keb-product-diamond-detail-panel__content h3 {
font-size: 32px;
}
.keb-product-diamond-detail-panel__actions {
grid-template-columns: 1fr;
}
.keb-product-diamond-detail-panel__certificate {
order: 2;
}
}
@media ( max-width: 430px ) {
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs {
grid-template-columns: 1fr;
}
} @container keb-product-results-wrap (max-width: 960px) {
.keb-product-diamond-detail-panel {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-diamond-detail-panel__media {
min-height: 360px;
}
.keb-product-diamond-detail-panel__content {
padding: 38px 28px 42px;
padding-right: 28px;
}
.keb-product-diamond-detail-panel__actions {
grid-template-columns: minmax( 0, 0.72fr ) minmax( 0, 1.28fr );
}
}
@container keb-product-results-wrap (max-width: 560px) {
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs,
.keb-product-diamond-detail-panel__actions {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-diamond-detail-panel__actions .keb-product-button,
.keb-product-diamond-detail-panel__actions.is-single-action .keb-product-button {
grid-column: 1;
}
.keb-product-diamond-detail-panel__certificate {
order: 2;
}
} .keb-product-filter-group--choices,
.keb-product-filter-subgroup {
min-width: 0;
margin: 0;
padding: 22px 0;
border: 0;
border-bottom: 1px solid var( --keb-line );
}
.keb-product-filter-group--choices .keb-product-filter-group__label,
.keb-product-filter-subgroup > legend {
display: flex;
align-items: baseline;
gap: 8px;
width: 100%;
margin: 0 0 13px;
padding: 0;
font-family: inherit;
font-size: 14px;
font-weight: 650;
line-height: 1.35;
letter-spacing: 0.01em;
color: var( --keb-ink );
}
.keb-product-filter-group__hint {
font-size: 10px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var( --keb-muted );
}
.keb-product-option-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.keb-product-option-grid > label {
position: relative;
display: inline-flex;
margin: 0;
cursor: pointer;
}
.keb-product-option-grid > label[hidden] {
display: none;
}
.keb-product-option-grid > label > input {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.keb-product-option-grid > label > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 50px;
min-height: 46px;
padding: 8px 12px;
border: 1px solid #d8d0ca;
border-radius: 4px;
background: #fffdfa;
box-shadow: 0 1px 0 rgba( 62, 26, 25, 0.02 );
font-family: inherit;
font-size: 13px;
font-weight: 520;
line-height: 1.15;
text-align: center;
color: var( --keb-ink );
transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.keb-product-option-grid--wide > label > span {
min-width: 82px;
}
.keb-product-option-grid > label:hover > span {
border-color: #a9958a;
background: #fff;
}
.keb-product-option-grid > label > input:checked + span {
border-color: var( --keb-burgundy );
background: var( --keb-burgundy );
box-shadow: inset 0 0 0 1px var( --keb-burgundy );
color: #fff;
}
.keb-product-option-grid > label > input:focus-visible + span {
outline: 3px solid rgba( 176, 138, 66, 0.34 );
outline-offset: 2px;
}
.keb-product-option-grid > label > input:disabled + span {
cursor: not-allowed;
opacity: 0.42;
}
.keb-product-filter-disclosure {
margin: 0;
border-bottom: 1px solid var( --keb-line );
}
.keb-product-filter-disclosure > summary {
position: relative;
display: flex;
align-items: center;
min-height: 56px;
padding: 14px 32px 14px 0;
font-family: inherit;
font-size: 14px;
font-weight: 650;
line-height: 1.3;
color: var( --keb-ink );
cursor: pointer;
list-style: none;
}
.keb-product-filter-disclosure > summary::-webkit-details-marker {
display: none;
}
.keb-product-filter-disclosure > summary::before,
.keb-product-filter-disclosure > summary::after {
position: absolute;
right: 6px;
top: 50%;
width: 12px;
height: 1px;
background: currentColor;
content: "";
transition: transform 160ms ease;
}
.keb-product-filter-disclosure:not([open]) > summary::after {
transform: rotate( 90deg );
}
.keb-product-filter-disclosure > summary:hover {
color: var( --keb-burgundy );
}
.keb-product-filter-disclosure > summary:focus-visible {
outline: 3px solid rgba( 176, 138, 66, 0.34 );
outline-offset: -3px;
}
.keb-product-filter-disclosure__panel {
display: grid;
gap: 0;
padding: 0 0 16px;
}
.keb-product-filter-disclosure .keb-product-filter-subgroup:last-child {
border-bottom: 0;
}
.keb-product-filter-disclosure--advanced {
margin-top: 6px;
border-top: 1px solid var( --keb-line );
border-bottom: 0;
}
.keb-product-filter-disclosure--advanced > summary {
min-height: 50px;
font-size: 13px;
}
.keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel {
padding-bottom: 0;
}
.keb-product-filter-range {
display: grid;
grid-template-columns: minmax( 0, 1fr ) auto minmax( 0, 1fr );
align-items: end;
gap: 8px;
}
.keb-product-filter-range > label {
display: grid;
gap: 6px;
min-width: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var( --keb-muted );
}
.keb-product-filter-range input {
width: 100%;
min-width: 0;
height: 46px;
padding: 8px 10px;
border: 1px solid #d8d0ca;
border-radius: 4px;
background: #fffdfa;
font-family: inherit;
font-size: 13px;
font-weight: 500;
line-height: 1;
color: var( --keb-ink );
}
.keb-product-filter-range input:focus-visible {
outline: 3px solid rgba( 176, 138, 66, 0.34 );
outline-offset: 1px;
border-color: var( --keb-gold );
}
.keb-product-results-toolbar {
align-items: center;
min-height: 64px;
padding-block: 10px;
}
.keb-product-results-toolbar__primary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
}
.keb-product-view-switch {
display: inline-flex;
align-items: center;
gap: 4px;
}
.keb-product-view-switch button {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 8px 10px;
border: 0;
border-radius: 4px;
background: transparent;
font-family: inherit;
font-size: 13px;
font-weight: 500;
line-height: 1.2;
color: #8c8580;
cursor: pointer;
transition: background-color 150ms ease, color 150ms ease;
}
.keb-product-view-switch button:hover {
background: rgba( 65, 17, 17, 0.05 );
color: var( --keb-ink );
}
.keb-product-view-switch button[aria-pressed="true"] {
color: var( --keb-ink );
}
.keb-product-view-switch button:focus-visible {
outline: 3px solid rgba( 176, 138, 66, 0.34 );
outline-offset: 1px;
}
.keb-product-view-switch__icon {
position: relative;
display: inline-block;
flex: 0 0 auto;
width: 18px;
height: 18px;
color: currentColor;
}
.keb-product-view-switch__icon--grid::before {
position: absolute;
left: 2px;
top: 2px;
width: 6px;
height: 6px;
background: currentColor;
box-shadow: 8px 0 0 currentColor, 0 8px 0 currentColor, 8px 8px 0 currentColor;
content: "";
}
.keb-product-view-switch__icon--list::before {
position: absolute;
left: 1px;
top: 3px;
width: 16px;
height: 2px;
background: currentColor;
box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
content: "";
}
.keb-product-results-toolbar__primary > [data-keb-results-status] {
margin: 0 0 0 auto;
font-size: 12px;
color: var( --keb-muted );
}
.keb-product-results[data-view="list"] {
grid-template-columns: minmax( 0, 1fr ) !important;
gap: 12px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card {
display: grid;
grid-template-columns: clamp( 138px, 25%, 220px ) minmax( 0, 1fr );
min-width: 0;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__media {
min-height: 172px;
aspect-ratio: 1 / 1;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__body {
display: grid;
grid-template-columns: minmax( 0, 1fr ) auto;
grid-template-rows: auto auto 1fr auto;
align-content: center;
column-gap: 24px;
padding: 22px 24px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__body h3,
.keb-product-results[data-view="list"] .keb-product-diamond-card__quick-specs {
grid-column: 1;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__price {
grid-column: 2;
grid-row: 1 / span 2;
align-self: center;
margin: 0;
white-space: nowrap;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__footer {
grid-column: 1 / -1;
align-self: end;
margin-top: 16px;
}
.keb-product-results[data-view="list"] > .keb-product-diamond-detail-panel,
.keb-product-results[data-view="list"] > .keb-product-notice {
grid-column: 1 / -1;
}
@media ( max-width: 680px ) {
.keb-product-results-toolbar__primary {
flex-wrap: wrap;
gap: 4px 12px;
}
.keb-product-results-toolbar__primary > [data-keb-results-status] {
flex-basis: 100%;
margin-left: 0;
}
.keb-product-view-switch button {
padding-inline: 7px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card {
grid-template-columns: 116px minmax( 0, 1fr );
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__media {
min-height: 132px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__body {
display: block;
padding: 15px 14px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__price {
margin-top: 8px;
white-space: normal;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__footer {
margin-top: 12px;
}
}
@media ( max-width: 430px ) {
.keb-product-option-grid {
gap: 6px;
}
.keb-product-option-grid > label > span {
min-width: 46px;
min-height: 43px;
padding-inline: 9px;
}
.keb-product-option-grid--wide > label > span {
min-width: 72px;
}
.keb-product-view-switch button span:last-child {
font-size: 12px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card {
grid-template-columns: 104px minmax( 0, 1fr );
}
} .keb-product-info-trigger {
flex: 0 0 22px;
width: 22px;
height: 22px;
font-size: 10px;
border-width: 1px;
} .keb-product-filters form > .keb-product-filter-group {
margin: 0 0 18px;
padding: 0;
border-bottom: 0 !important;
}
.keb-product-filter-group__label,
.keb-product-filter-group--choices .keb-product-filter-group__label {
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.3;
text-transform: none;
}
.keb-product-option-grid {
gap: 8px;
}
.keb-product-option-grid > label > span {
min-width: 48px;
min-height: 44px;
padding: 8px 12px;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
}
.keb-product-option-grid--wide > label > span {
min-width: 88px;
}
.keb-product-filter-group--carat .keb-product-range {
display: grid;
grid-template-columns: 92px 18px 92px;
align-items: end;
justify-content: start;
gap: 6px;
}
.keb-product-filter-group--carat .keb-product-range > label {
display: grid;
gap: 5px;
min-width: 0;
}
.keb-product-filter-group--carat .keb-product-range > label > span {
font-size: 10px;
font-weight: 500;
letter-spacing: 0.02em;
text-align: center;
text-transform: lowercase;
color: var( --keb-muted );
}
.keb-product-filter-group--carat .keb-product-range input {
width: 92px;
height: 50px;
min-width: 0;
padding: 8px 7px;
border: 1px solid #d8d0ca;
border-radius: 6px;
background: #fffdfa;
font-family: inherit;
font-size: 16px;
font-weight: 450;
line-height: 1;
text-align: center;
color: var( --keb-ink );
}
.keb-product-filter-group--carat .keb-product-range > span {
align-self: end;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
font-size: 14px;
color: var( --keb-muted );
}
.keb-product-filter-disclosure + .keb-product-filter-disclosure--advanced {
margin-top: 4px;
}
.keb-product-results-toolbar__primary {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 18px;
width: 100%;
}
.keb-product-results-toolbar__primary > [data-keb-results-status] {
flex: 1 1 auto;
margin: 0;
}
.keb-product-sort--toolbar {
display: inline-flex;
align-items: center;
gap: 4px;
margin-left: auto;
white-space: nowrap;
}
.keb-product-sort--toolbar > span {
display: inline;
margin: 0;
font-size: 13px;
font-weight: 450;
letter-spacing: 0;
text-transform: none;
color: var( --keb-muted );
}
.keb-product-sort--toolbar select {
width: auto;
min-width: 176px;
height: 44px;
padding: 8px 26px 8px 4px;
border: 0;
border-radius: 4px;
background-color: transparent;
font-family: inherit;
font-size: 13px;
font-weight: 500;
text-align: right;
color: var( --keb-ink );
}
@media ( max-width: 680px ) {
.keb-product-results-toolbar__primary > [data-keb-results-status] {
flex-basis: 100%;
order: 3;
}
.keb-product-sort--toolbar {
margin-left: auto;
}
.keb-product-sort--toolbar select {
min-width: 148px;
}
}  .keb-product-filters .keb-product-filter-heading,
.keb-product-filters form > .keb-product-filter-group,
.keb-product-filters .keb-product-filter-details,
.keb-product-filters .keb-product-filter-details summary,
.keb-product-filters .keb-product-sort,
.keb-product-filters .keb-product-filter-actions {
border-top: 0 !important;
border-bottom: 0 !important;
}
.keb-product-filters .keb-product-filter-details,
.keb-product-filters form > .keb-product-filter-group {
margin-bottom: 22px;
} .keb-product-info-trigger {
border-width: 1px;
flex: 0 0 16px;
font-size: 10px;
font-style: italic;
height: 16px;
width: 16px;
}
.keb-product-spec-info {
align-items: center;
appearance: none;
background: transparent;
border: 1px solid currentColor;
border-radius: 50%;
color: var( --keb-muted );
cursor: pointer;
display: inline-grid;
flex: 0 0 auto;
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
font-style: italic;
height: 14px;
justify-content: center;
line-height: 1;
margin-left: 7px;
padding: 0;
vertical-align: middle;
width: 14px;
}
.keb-product-spec-info:hover {
border-color: var( --keb-ink );
color: var( --keb-ink );
}
.keb-product-spec-info:focus-visible {
outline: 2px solid var( --keb-gold );
outline-offset: 2px;
} .keb-product-diamond-detail-panel {
align-items: start;
background: #fff;
border: 1px solid var( --keb-line );
display: grid !important;
gap: clamp( 22px, 3vw, 44px );
grid-template-columns: minmax( 280px, 400px ) minmax( 0, 1fr );
padding: clamp( 20px, 2.6vw, 32px );
position: relative;
}
.keb-product-diamond-detail-panel__media {
align-self: start;
background: transparent;
border: 0;
display: block;
margin: 0;
min-height: 0;
padding: 0;
width: 100%;
}
.keb-product-diamond-detail-panel__media-label,
.keb-product-diamond-detail-panel__media-note {
display: none;
}
.keb-product-diamond-detail-panel__content {
display: block;
min-width: 0;
padding: 0 clamp( 0px, 1vw, 12px ) 0 0;
}
.keb-product-diamond-detail-panel__header {
margin: 0 0 14px;
padding: 0 34px 0 0;
}
.keb-product-diamond-detail-panel__eyebrow {
color: var( --keb-gold );
font-size: 10px;
font-weight: 600;
letter-spacing: 0.15em;
margin: 0 0 7px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__header h3 {
font-family: var( --kinzy-serif, Georgia, "Times New Roman", serif );
font-size: clamp( 23px, 2.2vw, 28px );
font-weight: 400;
line-height: 1.15;
margin: 0 0 6px;
}
.keb-product-diamond-detail-panel__intro {
color: var( --keb-muted );
font-size: 12px;
letter-spacing: 0.07em;
margin: 0 0 10px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__price {
display: block;
font-size: 19px;
font-variant-numeric: tabular-nums;
font-weight: 550;
margin: 0;
}
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs {
display: grid;
gap: 0 30px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
margin: 0;
}
.keb-product-diamond-detail-panel__highlights {
border-top: 1px solid var( --keb-soft-line );
margin-top: 16px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail {
background: transparent;
border: 0;
border-bottom: 1px solid var( --keb-soft-line );
display: block;
margin: 0;
padding: 10px 0 9px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dt,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail dt {
align-items: center;
color: var( --keb-muted );
display: flex;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.11em;
margin: 0 0 3px;
text-transform: uppercase;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dd,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail dd {
color: var( --keb-ink );
font-size: 13.5px;
font-weight: 500;
margin: 0;
}
.keb-product-diamond-detail-panel__reassurance {
border-left: 2px solid var( --keb-gold );
color: var( --keb-muted );
font-size: 12px;
line-height: 1.55;
margin: 16px 0 0;
padding-left: 12px;
}
.keb-product-diamond-detail-panel__actions {
align-items: stretch;
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
}
.keb-product-diamond-detail-panel__actions .keb-product-button--primary {
flex: 1 1 240px;
}
.keb-product-diamond-detail-panel__certificate {
align-items: center;
border: 1px solid var( --keb-ink );
color: var( --keb-ink );
display: inline-flex;
font-size: 12px;
font-weight: 600;
justify-content: center;
letter-spacing: 0.14em;
padding: 13px 22px;
text-decoration: none;
text-transform: uppercase;
transition: background 150ms ease;
}
.keb-product-diamond-detail-panel__certificate:hover {
background: var( --keb-ivory, #f3ece4 );
}
.keb-product-diamond-detail-panel__close {
position: absolute;
right: 14px;
top: 12px;
z-index: 3;
}
.keb-product-diamond-detail-panel__video {
max-width: none;
}
@media ( max-width: 900px ) {
.keb-product-diamond-detail-panel {
grid-template-columns: minmax( 0, 1fr );
}
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs {
grid-template-columns: minmax( 0, 1fr );
}
} .keb-product-info-dialog--spec .keb-product-info-dialog__surface {
max-width: 440px;
}
.keb-product-info-dialog__note {
color: var( --keb-gold );
font-weight: 500;
}
.keb-product-info-dialog__link-row {
margin: 4px 0 0;
}
.keb-product-info-dialog__link {
border-bottom: 1px solid currentColor;
color: var( --keb-ink );
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
padding-bottom: 2px;
text-decoration: none;
text-transform: uppercase;
}  .keb-product-sort select:focus {
border-color: var( --keb-line );
outline: none;
}
.keb-product-sort select:focus-visible {
border-color: var( --keb-ink );
outline: 2px solid var( --keb-gold );
outline-offset: 2px;
} .keb-product-filters .keb-product-filter-group,
.keb-product-filters .keb-product-filter-group__label,
.keb-product-filters .keb-product-filter-details,
.keb-product-filters .keb-product-filter-details > *,
.keb-product-filters .keb-product-filter-details summary,
.keb-product-filters fieldset,
.keb-product-filters legend {
border-top: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.keb-product-filters hr {
display: none !important;
} .keb-product-diamond-detail-panel__highlights {
border-top: 0;
margin-top: 12px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail {
border-bottom: 0;
padding: 8px 0;
}
.keb-product-diamond-detail-panel__header,
.keb-product-diamond-detail-panel__price,
.keb-product-diamond-detail-panel__intro {
border: 0 !important;
box-shadow: none !important;
} .keb-product-info-dialog[open] {
margin: auto;
width: min( 470px, calc( 100vw - 32px ) );
}
.keb-product-info-dialog__surface {
border-top: 0;
padding: 44px 38px 34px;
text-align: center;
}
.keb-product-info-dialog__surface::before {
display: none;
}
.keb-product-info-dialog__close {
font-size: 20px;
height: 34px;
right: 12px;
top: 12px;
width: 34px;
}
.keb-product-info-dialog__eyebrow {
font-size: 9.5px;
letter-spacing: 0.18em;
margin: 0 0 10px;
}
.keb-product-info-dialog h2 {
font-size: clamp( 24px, 3vw, 30px );
letter-spacing: -0.01em;
margin: 0 0 14px;
}
.keb-product-info-dialog__surface > p:not( .keb-product-info-dialog__eyebrow ) {
font-size: 14.5px;
line-height: 1.65;
margin: 0 auto 12px;
max-width: 44ch;
}
.keb-product-info-dialog__actions {
border-top: 0;
margin-top: 20px;
padding-top: 0;
}
.keb-product-info-dialog__actions .keb-product-button {
background: transparent;
border: 0;
border-bottom: 1px solid currentColor;
color: var( --keb-ink );
font-size: 12px;
letter-spacing: 0.14em;
min-width: 0;
padding: 2px 1px 5px;
}
.keb-product-info-dialog__actions .keb-product-button:hover {
background: transparent;
color: var( --keb-burgundy );
}
.keb-product-info-dialog__link-row {
margin: 2px 0 0;
}  .keb-product-spec-info--legend {
margin-left: 8px;
vertical-align: 1px;
}
.keb-product-filter-group__label {
align-items: center;
display: flex;
} .keb-product-filter-group--origin .keb-product-origin-options {
display: grid;
gap: 10px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.keb-product-filter-group--origin .keb-product-origin-options label {
cursor: pointer;
margin: 0;
min-width: 0;
position: relative;
}
.keb-product-filter-group--origin .keb-product-origin-options label:only-child {
grid-column: 1 / -1;
}
.keb-product-filter-group--origin .keb-product-origin-options input {
height: 1px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 1px;
}
.keb-product-filter-group--origin .keb-product-origin-options span {
align-items: center;
background: #fff;
border: 1px solid var( --keb-ink );
border-radius: 5px;
color: var( --keb-ink );
display: flex;
font-size: 14px;
font-weight: 400;
justify-content: center;
line-height: 1.2;
min-height: 46px;
padding: 9px 10px;
text-align: center;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.keb-product-filter-group--origin .keb-product-origin-options label:hover span {
background: var( --keb-warm );
}
.keb-product-filter-group--origin .keb-product-origin-options input:checked + span {
background: var( --keb-gold );
border-color: var( --keb-gold );
color: var( --keb-ink );
}
.keb-product-filter-group--origin .keb-product-origin-options input:focus-visible + span {
outline: 2px solid var( --keb-ink );
outline-offset: 3px;
} body.keb-product-builder-active .keb-product-support {
--keb-support-ink: #211a18;
--keb-support-burgundy: #351211;
--keb-support-muted: #6f6560;
--keb-support-soft: #8d857a;
--keb-support-champagne: #bfa277;
--keb-support-line: #e9e2d8;
box-sizing: border-box;
color: var( --keb-support-ink );
display: grid;
gap: 12px;
margin: 12px 0 0;
min-width: 0;
padding: 0;
width: 100%;
}
body.keb-product-builder-active .keb-product-support [hidden] {
display: none !important;
}
body.keb-product-builder-active .keb-product-support__appointment {
margin: 0;
width: 100%;
} body.keb-product-builder-active .summary .specifications > .product_calendar_button {
display: none;
}
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button {
align-items: center !important;
background: transparent !important;
border: 1px solid var( --keb-support-burgundy ) !important;
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: border-box !important;
color: var( --keb-support-burgundy ) !important;
display: flex !important;
font-family: inherit !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 500 !important;
justify-content: center !important;
letter-spacing: 0.15em !important;
line-height: 1.2 !important;
margin: 0 !important;
min-height: 52px !important;
padding: 13px 22px !important;
text-align: center !important;
text-decoration: none !important;
text-transform: uppercase !important;
transition: background-color 160ms ease, color 160ms ease !important;
width: 100% !important;
}
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button::before,
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button::after {
display: none !important;
}
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button:hover {
background: var( --keb-support-burgundy ) !important;
color: #fff !important;
}
body.keb-product-builder-active .keb-product-support__actions {
display: flex;
gap: 12px 26px;
justify-content: flex-start;
margin: 4px 0 0;
padding: 0;
}
body.keb-product-builder-active .keb-product-support__actions a {
border-bottom: 1px solid #d8cec5;
color: var( --keb-support-soft );
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
padding: 0;
text-decoration: none;
transition: color 160ms ease, border-color 160ms ease;
}
body.keb-product-builder-active .keb-product-support__actions a:hover {
border-bottom-color: var( --keb-support-burgundy );
color: var( --keb-support-burgundy );
}
body.keb-product-builder-active .keb-product-support__disclosures {
border-top: 1px solid var( --keb-support-line );
margin: 12px 0 0;
}
body.keb-product-builder-active .keb-product-support__disclosures details {
border-bottom: 1px solid var( --keb-support-line );
margin: 0;
padding: 0;
}
body.keb-product-builder-active .keb-product-support__disclosures summary {
align-items: center;
color: var( --keb-support-ink );
cursor: pointer;
display: flex;
font-size: 11px;
font-weight: 400;
gap: 16px;
justify-content: space-between;
letter-spacing: 0.18em;
line-height: 1.5;
list-style: none;
margin: 0;
min-height: 0;
padding: 16px 0;
text-transform: uppercase;
}
body.keb-product-builder-active .keb-product-support__disclosures summary::-webkit-details-marker {
display: none;
} body.keb-product-builder-active .keb-product-support__disclosures summary::after {
background:
linear-gradient( currentColor, currentColor ) center / 11px 1px no-repeat,
linear-gradient( currentColor, currentColor ) center / 1px 11px no-repeat;
content: "";
flex: 0 0 11px;
height: 11px;
order: 2;
transition: transform 150ms ease;
width: 11px;
}
body.keb-product-builder-active .keb-product-support__disclosures details[open] > summary::after {
transform: rotate( 45deg );
}
body.keb-product-builder-active .keb-product-support__panel {
color: var( --keb-support-muted );
font-size: 13px;
line-height: 1.6;
padding: 0 24px 20px 0;
}
body.keb-product-builder-active .keb-product-support__panel p {
font-size: 13px;
line-height: 1.6;
margin: 0 0 10px;
}
body.keb-product-builder-active .keb-product-support__panel--description p,
body.keb-product-builder-active .keb-product-support__panel--description li {
color: var( --keb-support-muted );
font-size: 13px;
line-height: 1.6;
}
body.keb-product-builder-active .keb-product-support__panel--description h4,
body.keb-product-builder-active .keb-product-support__panel--description h5,
body.keb-product-builder-active .keb-product-support__panel--description h6 {
color: var( --keb-support-ink );
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
margin: 18px 0 6px;
text-transform: uppercase;
}
body.keb-product-builder-active .keb-product-support__panel > :first-child {
margin-top: 0;
}
body.keb-product-builder-active .keb-product-support__panel > :last-child {
margin-bottom: 0;
}
body.keb-product-builder-active .keb-product-support__panel a {
color: var( --keb-support-burgundy );
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button:focus-visible,
body.keb-product-builder-active .keb-product-support__actions a:focus-visible,
body.keb-product-builder-active .keb-product-support__disclosures summary:focus-visible,
body.keb-product-builder-active .keb-product-support__panel a:focus-visible {
outline: 2px solid var( --keb-support-champagne );
outline-offset: 3px;
}
@media ( max-width: 620px ) {
body.keb-product-builder-active .keb-product-support {
gap: 20px;
}
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button {
font-size: 12px !important;
min-height: 50px !important;
}
}
@media ( prefers-reduced-motion: reduce ) {
body.keb-product-builder-active .keb-product-support__appointment .product_calendar_button,
body.keb-product-builder-active .keb-product-support__disclosures summary::after {
transition: none !important;
}
} body.keb-product-builder-active .keb-product-support__intro {
color: var( --keb-support-ink );
font-size: 14px;
line-height: 1.55;
}
body.keb-product-builder-active .keb-product-support__specs {
border-top: 1px solid var( --keb-support-line );
margin: 18px 0 0;
}
body.keb-product-builder-active .keb-product-support__specs > div {
align-items: start;
border-bottom: 1px solid var( --keb-support-line );
display: grid;
gap: 18px;
grid-template-columns: minmax( 115px, 0.85fr ) minmax( 0, 1.15fr );
padding: 10px 2px;
}
body.keb-product-builder-active .keb-product-support__specs dt,
body.keb-product-builder-active .keb-product-support__specs dd {
font-size: 12.5px;
line-height: 1.45;
margin: 0;
}
body.keb-product-builder-active .keb-product-support__specs dt {
color: var( --keb-support-ink );
font-weight: 550;
}
body.keb-product-builder-active .keb-product-support__specs dd {
color: var( --keb-support-muted );
}
body.keb-product-builder-active .keb-product-support__estimate {
background: rgba( 191, 162, 119, 0.1 );
border-left: 2px solid var( --keb-support-champagne );
color: var( --keb-support-ink );
padding: 10px 12px;
}
body.keb-product-builder-active .keb-product-support__estimate strong {
font-weight: 550;
}
@media ( max-width: 440px ) {
body.keb-product-builder-active .keb-product-support__specs > div {
gap: 12px;
grid-template-columns: minmax( 96px, 0.8fr ) minmax( 0, 1.2fr );
}
} .keb-product-diamond-card__merchandising {
align-self: flex-start;
background: var( --keb-ivory, #f3ece4 );
border: 1px solid rgba( 53, 18, 17, 0.12 );
border-radius: 999px;
color: #4f4742;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.07em;
line-height: 1;
margin: -4px 0 11px;
padding: 6px 11px;
}
.keb-product-results[data-view="list"] .keb-product-diamond-card__quality-specs,
.keb-product-results[data-view="list"] .keb-product-diamond-card__merchandising {
grid-column: 1;
} .keb-product-results[data-view="grid"] {
gap: 14px;
grid-template-columns: minmax( 0, 1fr );
}
@container keb-product-results-wrap ( min-width: 480px ) {
.keb-product-results[data-view="grid"] {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
}
@container keb-product-results-wrap ( min-width: 680px ) {
.keb-product-results[data-view="grid"] {
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
}
}
@container keb-product-results-wrap ( min-width: 800px ) {
.keb-product-results[data-view="grid"] {
gap: 18px;
grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
}
}
.keb-product-results[data-view="grid"] > .keb-product-diamond-detail-panel,
.keb-product-results[data-view="grid"] > .keb-product-notice {
grid-column: 1 / -1;
}  .keb-product-diamond-detail-panel__content,
.keb-product-diamond-detail-panel__header,
.keb-product-diamond-detail-panel__eyebrow,
.keb-product-diamond-detail-panel__header h3,
.keb-product-diamond-detail-panel__intro,
.keb-product-diamond-detail-panel__quality,
.keb-product-diamond-detail-panel__price,
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs,
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail,
.keb-product-diamond-card__detail dt,
.keb-product-diamond-card__detail dd,
.keb-product-diamond-detail-panel__reassurance {
justify-items: start;
text-align: left !important;
}
.keb-product-diamond-detail-panel__content {
align-content: start;
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
}
.keb-product-diamond-detail-panel__header {
margin: 0 0 8px;
padding-right: 40px;
}
.keb-product-diamond-detail-panel__eyebrow {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
margin: 0 0 4px;
}
.keb-product-diamond-detail-panel__header h3 {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.3;
margin: 0 0 2px;
text-transform: none;
}
.keb-product-diamond-detail-panel__intro {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.45;
margin: 0 0 2px;
text-transform: none;
}
.keb-product-diamond-detail-panel__quality {
font-size: 14px;
line-height: 1.45;
margin: 0 0 8px;
}
.keb-product-diamond-detail-panel__price {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
}
.keb-product-diamond-detail-panel__highlights,
.keb-product-diamond-detail-panel__specs {
gap: 0 24px;
padding: 6px 0 2px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail {
padding: 6px 0;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dt,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail dt {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
justify-content: flex-start;
margin: 0 0 2px;
}
.keb-product-diamond-detail-panel__highlights .keb-product-diamond-card__detail dd,
.keb-product-diamond-detail-panel__specs .keb-product-diamond-card__detail dd {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.keb-product-diamond-detail-panel__reassurance {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
margin: 10px 0 14px;
} .keb-product-diamond-card {
border-radius: 2px;
}
.keb-product-diamond-card__media,
.keb-product-diamond-card__media img {
border-radius: 0;
}
.keb-product-diamond-card__body {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
gap: 0;
min-height: 0;
padding: 14px 16px 14px;
}
.keb-product-diamond-card__price {
font-family: inherit;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
margin: 0 0 3px;
}
.keb-product-diamond-card__body h3 {
font-family: inherit;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
margin: 0 0 2px;
}
.keb-product-diamond-card__quick-specs {
font-size: 14px;
font-weight: 400;
line-height: 1.3;
margin: 0 0 12px;
}
.keb-product-diamond-card__footer {
margin-top: auto;
padding-top: 8px;
}
.keb-product-diamond-card__footer .keb-product-button--text,
.keb-product-diamond-card__more,
.keb-product-diamond-card__cert {
font-family: inherit;
font-size: 14px;
font-weight: 400;
min-height: 28px;
} .keb-product-filters .keb-product-filter-heading,
.keb-product-filters .keb-product-filter-heading > p,
.keb-product-filters .keb-product-filter-heading h3,
.keb-product-filters .keb-product-filter-group__label,
.keb-product-filters .keb-product-filter-group--carat .keb-product-filter-group__label,
.keb-product-filters .keb-product-sort > span {
justify-content: flex-start;
text-align: left !important;
}
@media ( max-width: 620px ) {
.keb-product-diamond-card__body {
padding: 12px 12px 12px;
}
.keb-product-diamond-card__price {
font-size: 15px;
}
.keb-product-diamond-card__body h3 {
font-size: 14px;
}
.keb-product-diamond-card__quick-specs {
font-size: 13px;
margin-bottom: 10px;
}
.keb-product-diamond-card__footer .keb-product-button--text,
.keb-product-diamond-card__more,
.keb-product-diamond-card__cert {
font-size: 13px;
}
.keb-product-diamond-detail-panel__header h3 {
font-size: 18px;
}
} .keb-product-diamonds__intro {
display: none;
}
.keb-product-diamond-detail-panel__reassurance {
display: none;
}
.keb-product-sort--enhanced {
align-items: center;
display: inline-flex;
gap: 10px;
position: relative;
}
.keb-product-sort-menu {
position: relative;
}
.keb-product-sort-menu__toggle {
min-height: 40px;
}
.keb-product-sort-menu__panel {
background: #fff;
border: 1px solid #d8cec5;
box-shadow: 0 10px 24px rgba( 33, 26, 24, 0.08 );
min-width: 220px;
padding: 8px;
position: absolute;
right: 0;
top: calc( 100% + 6px );
z-index: 30;
}
.keb-product-sort-menu__list {
grid-template-columns: 1fr;
gap: 6px;
}
.keb-product-sort-menu__option {
height: 40px;
justify-content: flex-start;
padding: 0 12px;
text-align: left;
white-space: nowrap;
}
@media ( max-width: 620px ) {
.keb-product-sort-menu__panel {
left: auto;
max-width: calc( 100vw - 32px );
right: 0;
}
}  .keb-product-sort--toolbar,
.keb-product-sort--toolbar::before,
.keb-product-sort--toolbar::after,
.keb-product-sort--toolbar select,
.keb-product-sort--enhanced,
.keb-product-sort-menu,
.keb-product-sort-menu__toggle {
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
.keb-product-sort--toolbar::before,
.keb-product-sort--toolbar::after {
content: none !important;
} .keb-product-filter-disclosure,
.keb-product-filter-disclosure--advanced {
background: #fff;
border: 0;
margin: 0;
width: 100%;
}
.keb-product-filter-disclosure + .keb-product-filter-disclosure--advanced {
border-top: 1px solid var( --keb-line );
margin-top: 0;
}
.keb-product-filter-disclosure > summary,
.keb-product-filter-disclosure--advanced > summary {
align-items: center;
color: var( --keb-ink );
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 500;
justify-content: flex-start;
letter-spacing: 0;
min-height: 52px;
padding: 0 44px 0 0;
position: relative;
text-align: left;
width: 100%;
}
.keb-product-filter-disclosure > summary::before {
background: none;
border: 1px solid #cfc7bd;
border-radius: 50%;
content: "";
height: 26px;
left: auto;
margin-top: -13px;
position: absolute;
right: 0;
top: 50%;
transform: none;
width: 26px;
}
.keb-product-filter-disclosure > summary::after {
background: none;
border: solid currentColor;
border-width: 0 1.2px 1.2px 0;
content: "";
height: 6px;
left: auto;
margin-top: -5px;
position: absolute;
right: 10px;
top: 50%;
transform: rotate( 45deg );
transition: transform 160ms ease, margin-top 160ms ease;
width: 6px;
}
.keb-product-filter-disclosure:not([open]) > summary::after {
transform: rotate( 45deg );
}
.keb-product-filter-disclosure[open] > summary::after {
margin-top: -2px;
transform: rotate( 225deg );
}
.keb-product-filter-disclosure > summary:hover {
color: var( --keb-burgundy );
}
.keb-product-filter-disclosure__panel,
.keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel {
padding: 0 0 12px;
} @media ( max-width: 1024px ) {
.keb-product-filters {
padding-left: 18px !important;
padding-right: 18px !important;
}
.keb-product-filters form,
.keb-product-filters form > .keb-product-filter-group,
.keb-product-filters .keb-product-filter-heading,
.keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-actions {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.keb-product-filters .keb-product-filter-heading {
margin-bottom: 12px;
}
.keb-product-filters form > .keb-product-filter-group {
margin-bottom: 14px;
}
.keb-product-filters .keb-product-filter-group__label {
font-size: 14px;
margin: 0 0 8px;
}
.keb-product-filters .keb-product-filter-group__hint,
.keb-product-filters .keb-product-filter-subgroup legend {
margin-bottom: 6px;
}
.keb-product-filters .keb-product-filter-subgroup {
padding: 8px 0;
}
.keb-product-filter-group--origin .keb-product-origin-options {
display: grid;
gap: 8px;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.keb-product-filter-group--origin .keb-product-origin-options label {
min-width: 0;
}
.keb-product-filter-group--origin .keb-product-origin-options span {
min-height: 44px;
padding: 10px 8px;
width: 100%;
}
.keb-product-filters .keb-product-check-grid,
.keb-product-filters .keb-product-option-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.keb-product-filters .keb-product-check-grid label > span,
.keb-product-filters .keb-product-option-grid > label > span {
font-size: 13px;
min-height: 40px;
min-width: 44px;
padding: 8px 12px;
}
.keb-product-filter-group--carat .keb-product-range,
.keb-product-filters .keb-product-filter-range {
align-items: end;
display: grid;
gap: 8px;
grid-template-columns: minmax( 0, 1fr ) 14px minmax( 0, 1fr );
justify-content: start;
max-width: 260px;
width: 100%;
}
.keb-product-filter-group--carat .keb-product-range > label,
.keb-product-filters .keb-product-filter-range > label {
min-width: 0;
width: 100%;
}
.keb-product-filter-group--carat .keb-product-range input,
.keb-product-filters .keb-product-filter-range input {
font-size: 14px;
height: 42px;
padding: 8px 10px;
width: 100%;
}
.keb-product-filter-group--carat .keb-product-range > label > span,
.keb-product-filters .keb-product-filter-range > label > span {
font-size: 11px;
margin-bottom: 4px;
}
.keb-product-filters .keb-product-filter-actions {
gap: 10px;
margin-top: 16px;
}
}  .keb-product-filters {
--keb-rail-bleed-left: 56px;
--keb-rail-bleed-right: 26px;
}
.keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced {
background: #fff;
border: 0;
box-sizing: border-box;
margin: 0 calc( -1 * var( --keb-rail-bleed-right ) ) 0 calc( -1 * var( --keb-rail-bleed-left ) );
padding: 0 var( --keb-rail-bleed-right ) 0 var( --keb-rail-bleed-left );
width: auto;
}
.keb-product-filters .keb-product-filter-disclosure:not( .keb-product-filter-disclosure--advanced ) {
border-top: 1px solid var( --keb-line );
}
.keb-product-filters .keb-product-filter-disclosure--advanced {
border-bottom: 1px solid var( --keb-line );
border-top: 1px solid var( --keb-line );
margin-top: 0;
}
.keb-product-filters .keb-product-filter-disclosure > summary,
.keb-product-filters .keb-product-filter-disclosure--advanced > summary {
font-family: var( --kinzy-sans, "Jost", "Helvetica Neue", Arial, sans-serif );
font-size: 14px;
font-weight: 500;
min-height: 54px;
padding: 0 44px 0 0;
}
.keb-product-filters .keb-product-filter-disclosure > summary::before {
right: 0;
}
.keb-product-filters .keb-product-filter-disclosure > summary::after {
right: 10px;
}
.keb-product-filters .keb-product-filter-disclosure__panel,
.keb-product-filters .keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel {
padding: 0 0 14px;
}
@media ( max-width: 1024px ) {
.keb-product-filters {
--keb-rail-bleed-left: 18px;
--keb-rail-bleed-right: 18px;
}
.keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced {
margin-left: calc( -1 * var( --keb-rail-bleed-left ) );
margin-right: calc( -1 * var( --keb-rail-bleed-right ) );
padding-left: var( --keb-rail-bleed-left );
padding-right: var( --keb-rail-bleed-right );
width: auto;
}
} @media ( max-width: 680px ) {
.keb-product-results-toolbar {
align-items: center;
column-gap: 12px;
display: grid;
grid-template-columns: minmax( 0, 1fr ) auto;
min-height: 0;
padding: 6px 0 10px;
row-gap: 10px;
}
.keb-product-results-toolbar__primary {
display: contents;
}
.keb-product-results-toolbar__primary > .keb-product-view-switch {
grid-column: 1 / -1;
grid-row: 1;
margin: 0;
}
.keb-product-results-toolbar__primary > [data-keb-results-status] {
display: none;
}
.keb-product-results-toolbar .keb-product-sort--toolbar {
align-items: center;
display: inline-flex;
grid-column: 1;
grid-row: 2;
justify-self: start;
margin: 0;
min-height: 44px;
}
.keb-product-results-toolbar .keb-product-button--filter {
grid-column: 2;
grid-row: 2;
justify-self: end;
margin: 0;
min-height: 44px;
padding-bottom: 0;
padding-top: 0;
}
.keb-product-sort-menu__toggle {
min-height: 44px;
}
.keb-product-sort-menu__panel {
left: 0;
max-width: calc( 100vw - 36px );
right: auto;
}
.keb-product-results {
margin-top: 8px;
}
} .keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced,
.keb-product-filters .keb-product-filter-disclosure__panel,
.keb-product-filters .keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel {
background: var( --keb-warm, #f3ece4 );
} .keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced {
border: 0;
padding-left: 0;
padding-right: 0;
}
.keb-product-filters .keb-product-filter-disclosure:not( .keb-product-filter-disclosure--advanced ) {
border-top: 1px solid var( --keb-line );
} .keb-product-filters .keb-product-filter-disclosure[open] + .keb-product-filter-disclosure--advanced {
border-top: 1px solid var( --keb-line );
} .keb-product-filters .keb-product-filter-disclosure--advanced[open] {
border-bottom: 1px solid var( --keb-line );
}
.keb-product-filters .keb-product-filter-disclosure > summary,
.keb-product-filters .keb-product-filter-disclosure--advanced > summary {
border-bottom: 1px solid var( --keb-line );
box-sizing: border-box;
padding: 0 calc( var( --keb-rail-bleed-right ) + 44px ) 0 var( --keb-rail-bleed-left );
width: 100%;
}
.keb-product-filters .keb-product-filter-disclosure > summary::before {
right: var( --keb-rail-bleed-right );
}
.keb-product-filters .keb-product-filter-disclosure > summary::after {
right: calc( var( --keb-rail-bleed-right ) + 10px );
}
.keb-product-filters .keb-product-filter-disclosure__panel,
.keb-product-filters .keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel {
padding: 12px var( --keb-rail-bleed-right ) 16px var( --keb-rail-bleed-left );
}
@media ( max-width: 1024px ) {
.keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced {
padding-left: 0;
padding-right: 0;
}
}  .keb-product-filters .keb-product-filter-disclosure,
.keb-product-filters .keb-product-filter-disclosure--advanced,
.keb-product-filters .keb-product-filter-disclosure__panel,
.keb-product-filters .keb-product-filter-disclosure--advanced > .keb-product-filter-disclosure__panel,
.keb-product-filters .keb-product-filter-disclosure > summary,
.keb-product-filters .keb-product-filter-disclosure--advanced > summary {
background: transparent;
}  .keb-product-filters .keb-product-filter-actions {
background: var( --keb-paper, #f8f6f2 );
box-shadow: none;
}
.keb-product-filters .keb-product-filter-actions > * {
background-color: transparent;
}
.keb-product-filters .keb-product-filter-actions .keb-product-filter-actions__close,
.keb-product-filters .keb-product-filter-actions .keb-product-button--secondary {
background: transparent;
} @media ( min-width: 1025px ) {
.keb-product-filters {
margin-left: calc( -1 * var( --keb-rail-bleed-left ) );
padding-left: var( --keb-rail-bleed-left );
}
} .keb-product-diamond-studio__close {
-webkit-tap-highlight-color: transparent;
}
.keb-product-diamond-studio__close:focus,
.keb-product-diamond-studio__close:active {
background: transparent;
box-shadow: none;
outline: none;
}
.keb-product-diamond-studio__close:focus-visible {
background: transparent;
box-shadow: none;
outline: none;
text-decoration: underline;
text-underline-offset: 4px;
}
.keb-product-diamond-studio__close:focus-visible > span:last-child {
text-decoration: underline;
text-underline-offset: 4px;
}
.keb-product-filters .keb-product-spec-info--legend {
margin-left: 7px;
vertical-align: middle;
}
.keb-product-filters legend .keb-product-spec-info--legend {
position: relative;
top: -1px;
}.keb-journey-progress {
--keb-journey-ink: var( --kinzy-deep-truffle, #211a18 );
--keb-journey-muted: #766b66;
--keb-journey-line: rgba( 53, 18, 17, 0.2 );
--keb-journey-accent: var( --kinzy-garnet, #351211 );
color: var( --keb-journey-ink );
font-family: inherit;
margin: 0;
}
.keb-journey-progress ol {
border-bottom: 1px solid var( --keb-journey-line );
display: grid;
gap: 18px;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
list-style: none;
margin: 0;
padding: 0;
}
.keb-journey-progress li {
align-items: center;
display: flex;
gap: 0;
min-width: 0;
padding: 0 0 8px;
position: relative;
}
.keb-journey-progress li::after {
background: transparent;
bottom: -1px;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
}
.keb-journey-progress a,
.keb-journey-progress__label {
color: inherit;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.keb-journey-progress a {
text-decoration: none;
}
.keb-journey-progress a:hover,
.keb-journey-progress a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.keb-journey-progress .is-current {
color: var( --keb-journey-accent );
}
.keb-journey-progress .is-current::after {
background: var( --keb-journey-accent );
}
.keb-journey-progress .is-upcoming {
color: var( --keb-journey-muted );
opacity: 1;
}
.keb-journey-progress .is-complete::after {
background: var( --keb-journey-muted );
}
.keb-product-journey-navigation {
display: grid;
gap: 9px;
margin: 0 0 16px;
padding: 0;
}
.keb-journey-actions {
display: flex;
flex-wrap: wrap;
gap: 7px 16px;
margin: 0;
}
.keb-journey-actions a {
color: inherit;
font-size: 10px;
font-weight: 550;
letter-spacing: 0.06em;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
text-transform: uppercase;
}
.keb-journey-assurances {
align-items: baseline;
border-bottom: 1px solid var( --keb-line, rgba( 53, 18, 17, 0.14 ) );
border-top: 1px solid var( --keb-line, rgba( 53, 18, 17, 0.14 ) );
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
list-style: none;
margin: 0;
padding: 9px 0;
}
.keb-journey-assurances li {
align-items: baseline;
display: inline-flex;
gap: 5px;
line-height: 1.35;
min-width: 0;
}
.keb-journey-assurances a,
.keb-journey-assurances span {
color: inherit;
font-size: 10px;
font-weight: 650;
letter-spacing: 0.055em;
text-transform: uppercase;
}
.keb-journey-assurances a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.keb-journey-assurances small {
color: var( --keb-muted, #6f6560 );
font-size: 10px;
font-weight: 400;
}
.keb-journey-assurances--product {
display: grid;
gap: 12px 22px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
overflow: visible;
padding: 14px 0;
white-space: normal;
}
.keb-journey-assurances--product li {
align-items: start;
display: grid;
gap: 3px;
}
.keb-journey-assurances--product [data-keb-assurance="atelier-care"] small {
clip: auto;
clip-path: none;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
body.keb-journey-catalogue-active .keb-journey-progress {
--keb-journey-ink: #211a18;
--keb-journey-muted: #766b66;
--keb-journey-line: rgba( 53, 18, 17, 0.2 );
--keb-journey-accent: #351211;
margin: 0;
}
body.keb-journey-catalogue-active .keb-journey-progress a {
border: 0;
font-size: 10px;
letter-spacing: 0.1em;
padding: 0;
}
body.keb-journey-catalogue-active .keb-journey-assurances--catalogue {
border-color: rgba( 191, 162, 119, 0.3 );
color: #f3ece4;
margin-top: 18px;
}
body.keb-journey-catalogue-active .keb-journey-assurances--catalogue a,
body.keb-journey-catalogue-active .keb-journey-assurances--catalogue span {
color: #f3ece4;
}
body.keb-journey-catalogue-active .keb-journey-assurances--catalogue small {
color: rgba( 243, 236, 228, 0.72 );
}
@media ( max-width: 620px ) {
.keb-journey-progress a,
.keb-journey-progress__label {
font-size: 9px;
letter-spacing: 0.06em;
}
.keb-journey-progress li {
gap: 5px;
}
.keb-journey-assurances {
gap: 5px 12px;
}
.keb-journey-assurances--product {
gap: 12px;
grid-template-columns: minmax( 0, 1fr );
}
}