@font-face {
    font-family: "Fragkaki Cormorant";
    src: url("assets/cormorant.ttf") format("truetype");
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/* Product names on gallery pages and WooCommerce listings. */
body.fk-gallery .story h1,
body.fk-gallery .fk-edit .shelf h3,
body .product_title,
body .product-title,
body .product-title a,
body .woocommerce-loop-product__title,
body .woocommerce-loop-product__title a,
body .wc-block-components-product-name,
body .product_list_widget .product-title,
body .woocommerce .product-name a {
    font-family: "Fragkaki Cormorant", Georgia, serif !important;
    font-style: normal !important;
}

body.fk-gallery .story h1 {
    font-size: clamp(64px, 8.4vw, 124px);
    line-height: 1.02;
    font-weight: 500;
    letter-spacing: -.048em;
}
body.fk-gallery .fk-edit .shelf-title h2 {
    font: 500 clamp(30px, 3vw, 44px)/1.12 var(--sans);
    letter-spacing: -.04em;
    margin: 0;
}
body.fk-gallery .fk-edit .shelf h3,
body .product-small .product-title a,
body .products .woocommerce-loop-product__title {
    font-size: clamp(19px, 1.65vw, 25px);
    line-height: 1.19;
    font-weight: 600;
    letter-spacing: -.018em;
    text-transform: none;
    overflow-wrap: break-word;
}
body.fk-gallery .fk-edit .shelf h3 {
    margin: 0 0 10px;
}
body.fk-gallery .fk-edit .fk-shelf-card {
    display: flex;
    flex-direction: column;
}
body.fk-gallery .fk-edit .shelf small {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .12em;
    margin: 0 0 6px;
}
body.fk-gallery .fk-edit .shelf p {
    margin: auto 0 0;
    font: 500 14px/1.45 var(--sans);
}
body.fk-gallery .fk-buy h1.product_title {
    font-size: clamp(34px, 3.7vw, 56px);
    line-height: 1.07;
    font-weight: 500;
    letter-spacing: -.032em;
    text-wrap: balance;
    overflow-wrap: break-word;
}
body.fk-gallery #product-6706 .fk-buy h1.product_title {
    font-size: clamp(50px, 5.6vw, 82px);
}

.fk-gallery .fk-card-brand a,
.fk-gallery .fk-maker a,
.fk-gallery .fk-product-house a,
.box-text-products .pwb-brands-in-loop a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .23em;
}
.fk-gallery .fk-shelf-card h3 a:hover {
    text-decoration: underline;
}