html {
    font-size: calc(1 * 62.5%)
}

body {
    font-family: "SF Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    margin: 0;
    padding: 0;
}

/* Start accordion */

.accordion:first-of-type {
    pointer-events: none;
    /* Disable clicks */
}

.accordion:first-of-type .icon-caret {
    display: none;
    /* Hide the caret icon */
}

.accordion summary {
    display: flex;
    position: relative;
    line-height: 1;
    padding: 1.5rem 0;
}

.accordion .summary__title {
    display: flex;
    flex: 1;
}

.accordion .summary__title+.icon-caret {
    height: calc(1.3 * .6rem);
}

.icon-caret {
    height: calc(1.3 * .6rem);
    color: rgba(46, 42, 57, 0.75);
}

.accordion+.accordion {
    margin-top: 0;
    border-top: none;
}

.accordion {
    margin-top: 2.5rem;
    margin-bottom: 0;
    border-top: 0.1rem solid rgba(46, 42, 57, 0.08);
    border-bottom: 0.1rem solid rgba(46, 42, 57, 0.08);
}

.accordion__title {
    display: inline-block;
    max-width: calc(100% - 6rem);
    min-height: 1.6rem;
    margin: 0;
    word-break: break-word;
}

.accordion .icon-accordion {
    align-self: center;
    fill: rgba(46, 42, 57);
    /* Replace with your desired color */
    height: calc(1.3 * 2rem);
    margin-right: calc(1.3 * 1rem);
    width: calc(1.3 * 2rem);
}

.accordion[open]>summary .icon-caret {
    transform: rotate(180deg);
}

.accordion__content {
    margin-bottom: 1.5rem;
    word-break: break-word;
    overflow-x: auto;
    padding: 0 1rem;
    display: flex;
    font-size: 1.6rem;
    color: rgba(46, 42, 57, 0.75);
    line-height: calc(1 + 0.8 / 1);
    flex-direction: column;
}

.accordion__content>div>.location {
    margin-left: auto;
    font-style: italic;
    color: #c0c0c0;
}

.accordion__content div {
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: space-between;
}

.accordion__content img {
    max-width: 100%;
}

.accordion .summary__title {
    display: flex;
    align-items: center;
    /* Vertically center elements */
}

.accordion .summary__title>.icon-caret {
    margin-left: auto;
    /* Right-align caret icon */
}

.accordion:last-of-type {
    border-bottom: none !important;
    /* Removes the border from the last .accordion element */
}

@media screen and (max-width: 768px) {

    /* Adjust this width based on your mobile breakpoint */
    details summary {
        appearance: none;
        /* For most modern browsers */
        -webkit-appearance: none;
        /* For Safari */
        -moz-appearance: none;
        /* For Firefox */
        cursor: pointer;
        /* Keep pointer cursor on clickable summary */
    }

    /* Optionally remove the default list-style and padding */
    details summary::-webkit-details-marker {
        display: none;
        /* Hide the default arrow in WebKit browsers (e.g., Safari, Chrome) */
    }
}

/* End accordion */

.register__new a {
    color: rgba(0, 0, 0, .85);
    font-size: 1.6rem;
    text-underline-offset: .3rem;
    text-decoration-thickness: .1rem;
    transition: text-decoration-thickness .1s ease;
}

.register__new a:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: .2rem;
}

.verified__container {
    margin-top: 4rem;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    padding-bottom: 36px;
}

@media (max-width: 425px) {
    .verified__container {
        flex-direction: column; /* Stack elements vertically */
        
    }
}

h1,
h4 {
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    color: #2e2a39;
    margin: 0;
}

h4 {
    font-size: calc(1.3 * 1.5rem);
    letter-spacing: calc(1.3 * .06rem);
}

h1 {
    font-size: calc(1.3 * 3rem);
}

@media only screen and (min-width: 750px) {
    h1 {
        font-size: calc(1.3 * 4rem);
    }
}

.artwork__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3rem;
    margin: 0 auto;
    max-width: 160rem;
    margin-top: 4rem;
}

.artwork__image__mobile {
    display: none;
}

@media (max-width: 1023.98px) {
    .artwork__details {
        flex-direction: column; /* Stack title and image vertically */
    }
    .artwork__image {
        display: none;
    }
    .artwork__image__mobile {
        display: block;
    }
}

.artwork__details {
    flex: 1;
}

@media screen and (min-width: 1440px) {
    .artwork__details {
        flex: 0.6;
        padding: 0 4rem;
    }
}

.grey {
    color: #c0c0c0;
}

p {
    font-size: 1.2rem;
}

.artwork__image {
    flex: 1;
    text-align: center;
    padding: 20px;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .artwork__container {
        flex-direction: column;
    }
}

.price__container {
    margin: 1.5rem 0;
    letter-spacing: .13rem;
    display: flex;
    gap: 20px;
    align-items: center;
}

.price {
    font-size: 1.6rem;
    vertical-align: middle;
}

@media screen and (min-width: 750px) {
    .price {
        font-size: 1.8rem;
    }
}

.caption {
    font-size: 1rem;
    letter-spacing: .13rem;
    text-transform: uppercase;
    margin: 0;
    color: #2e2a39bf;
}

.product__title {
    word-break: break-word;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.badge {
    border-radius: 2rem;
    background-color: black;
    color: white;
    padding: 10px 20px;
    text-align: center;
    font-size: 1rem;
    display: inline-block;
    /* Ensures that the element is treated as an inline element with block-level properties */
    vertical-align: middle;
    /* Aligns with surrounding text */
    text-decoration: none;
}

.authentic {
    padding: 1.8rem 2.5rem;
    font-size: 1.6rem;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

img {
    pointer-events: none;
}

/* Custom cursor */

* {
    cursor: inherit !important;
}

body,
label {
    cursor: -webkit-image-set(url("https://d7agjysiompp7.cloudfront.net/xiwpborx90dtp4dt7xwndw6m76sx") 3x), auto !important;
    cursor: image-set("https://d7agjysiompp7.cloudfront.net/xiwpborx90dtp4dt7xwndw6m76sx" 3x), auto !important;
}

a:hover,
textarea,
input,
select,
button,
summary {
    cursor: -webkit-image-set(url("https://d7agjysiompp7.cloudfront.net/zi6bbu4tjive9mfn64cgq06psgel") 3x), auto !important;
    cursor: image-set("https://d7agjysiompp7.cloudfront.net/zi6bbu4tjive9mfn64cgq06psgel" 3x), auto !important;
}

.disclosure-has-popup[open]>summary:before,
.shopify-installments__learn-more,
.site-nav,
.site-nav--mobile,
.mfp-auto-cursor .mfp-content,
.link,
.customer a {
    cursor: inherit !important;
}

/* End custom cursor */

#others {
    color: rgb(192, 192, 192);
}

header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    max-width: 160rem;
    /* Maximum width for the header */
    margin: 0 auto;
    width: 100%;
    /* Ensure the header spans the full width */
    padding: 16px 3rem;
    box-sizing: border-box;
    /* Include padding in width calculation */

}

@media screen and (min-width: 750px) {
    header {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
}

@media screen and (min-width: 990px) {
    header {
        padding: 26px 5rem;
    }
}

.header__link {
    margin-left: auto;
    box-sizing: border-box;
}

.logo {
    max-width: 100%;
    /* Responsive logo scaling */
    height: auto;
    display: block;
}