/**
 * Block styles
 * Styles that apply to blocks in both editor and front-end contexts
 *
 * @package A Southern Soul 2025
 * @author Townhouse
 * @since 1.0.0
 */

/* Fonts
--------------------------------------------- */

/* Inter */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium-Italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Semi-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Semi-Bold-Italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold-Italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Playfair Display */
@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/Playfair-Display-Semi-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/Playfair-Display-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Alignment
--------------------------------------------- */

/* .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--wide-size);
} */

.full-width-content .entry-content>.alignfull,
.block-editor-block-list__layout.is-root-container>[data-align="full"],
.full-width-content .entry-content>.alignwide {
	border-radius: 0;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
	width: auto;
}

.content-sidebar .site-container .alignfull,
.sidebar-content .site-container .alignfull {
	margin: 0 0 30px;
	width: 100%;
}

.site-footer .block-area-footer .alignfull {
    margin: 0;
}

.wp-block-image.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1240px) {

	.full-width-content .entry-content>.alignwide {
		border-radius: var(--wp--preset--border-radius--none);
		margin-left: calc((100% - var(--wp--style--global--wide-size)) / 2);
		margin-right: calc((100% - var(--wp--style--global--wide-size)) / 2);
		max-width: var(--wp--style--global--wide-size);
		width: auto;
	}

}

/* Block Styles
--------------------------------------------- */

.is-style-border {
	border: 1px solid var(--wp--preset--color--borderline);
}

.is-style-boxshadow {
	box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}

.is-style-boxshadow-border {
	border: 1px solid var(--wp--preset--color--borderline);
	box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}

.is-style-kicker {
	color: var(--wp--preset--color--contrast-muted);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xxx-small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	letter-spacing: 0.085em;
	line-height: var(--wp--custom--line-height--body);
	margin-bottom: var(--wp--preset--spacing--xx-small);
	text-transform: uppercase;
}

.is-style-kicker.has-background {
    display: inline-block;
    line-height: 1;
    margin-bottom: var(--wp--preset--spacing--x-small);
    padding: 0.35em 0.65em;
}

p.is-style-no-margin,
.is-style-no-margin,
.wp-block-column.is-style-no-margin,
.wp-block-image.is-style-no-margin {
	margin: 0;
}

ol.is-style-no-margin,
ul.is-style-no-margin,
.is-style-no-margin ul,
.wp-block-query.is-style-no-margin ul {
	margin-bottom: 0;
}

/* Border Radius Presets
--------------------------------------------- */

:root {
	--wp--preset--border-radius--none: 0;
	--wp--preset--border-radius--small: 4px;
	--wp--preset--border-radius--medium: 8px;
	--wp--preset--border-radius--large: 12px;
}

/* Buttons
--------------------------------------------- */

.wp-block-button__link {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

.wp-block-button__link:focus,
.wp-block-button__link:hover {
	opacity: 0.8;
	text-decoration: none;
}

/* Caption
--------------------------------------------- */

figcaption,
.gallery-caption,
.wp-caption-text,
.wp-block-gallery.has-nested-images figcaption,
.blocks-gallery-caption {}

/* Columns
--------------------------------------------- */

.wp-block-columns .wp-block-column.has-background {
	padding: var(--wp--preset--spacing--small);
	padding-top: calc(var(--wp--preset--spacing--small) * 0.8);
}

.wp-block-columns.alignfull {
	padding: 0 20px;
}

/* .wp-block-columns {
	gap: 30px 20px !important;
} */

.wp-block-columns.is-style-column-gapless {
	gap: 0 !important;
}

.wp-block-columns.is-style-column-gap-10 {
	gap: 10px !important;
}

.wp-block-columns.is-style-column-gap-20 {
	gap: 20px !important;
}

.wp-block-columns.is-style-column-gap-30 {
	gap: 30px !important;
}

.wp-block-columns.is-style-column-gap-40 {
	gap: 30px 40px !important;
}

.wp-block-columns.is-style-column-gap-50 {
	gap: 30px 50px !important;
}

.wp-block-columns.is-style-column-gap-60 {
	gap: 30px 60px !important;
}

.wp-block-columns.is-style-column-gap-70 {
	gap: 30px 70px !important;
}

.wp-block-columns.is-style-column-gap-80 {
	gap: 30px 80px !important;
}

@media (min-width: 600px) and (max-width: 780px) {

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: unset !important;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}

}

@media (min-width: 404px) and (max-width: 780px) {

    .wp-block-query:not(.is-style-featured-post) .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr 1fr;
    }

}

@media (min-width: 781px) and (max-width: 1023px) {

    .sidebar .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr 1fr;
    }

}

/* Cover
---------------------------------------------*/

.wp-block-cover {
	padding-right: 10px;
	padding-left: 10px;
}

@media (min-width: 360px) {

	.wp-block-cover {
		padding-right: 20px;
		padding-left: 20px;
	}

}

/* Custom Related Posts
--------------------------------------------- */

ul.crp-list {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
	padding-left: 0;
}

.crp-list-item .crp-list-item-image {
	margin-bottom: 5px;
}

.crp-list-item .crp-list-item-image img {
	aspect-ratio: 4 / 5;
    object-fit: cover;
	margin-bottom: 5px;
}

.crp-list-item-title {
	font-size: var(--wp--preset--font-size--xx-small);
	line-height: var(--wp--custom--line-height--heading);
  	text-align: center;
}

.crp-list-item-title a {
	color: var(--wp--preset--color--contrast);
	font-weight: var(--wp--custom--font-weight--semi-bold);
  	text-decoration: none;
}

@media (min-width: 768px) {

	ul.crp-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

}

/* Headings
--------------------------------------------- */

/* h1, h2, h3, h4, h5, h6 {
    font-family: var(--wp--preset--font-family--heading);
    font-weight: var(--wp--custom--font-weight--bold);
    line-height: var(--wp--custom--line-height--heading);
    margin-top: 0px;
    margin-bottom: 15px;
}

h1 {
	line-height: var(--wp--custom--line-height--small);
} */

h2 {
	color: var(--wp--preset--color--brand);
}

/* Images & Galleries
--------------------------------------------- */

.wp-block-image.is-style-rounded img {
    border-radius: 9999px;
}

.wp-block-image img {
    height: auto;
}

.wp-block-image.is-style-boxshadow {
	box-shadow: none;
	padding: 0;
}

.wp-block-image.is-style-boxshadow img {
	box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}

.wp-block-gallery {
    --wp--style--unstable-gallery-gap: var(--wp--preset--spacing--xx-small) !important;
    gap: var(--wp--preset--spacing--xx-small) !important;
}

/* Links
--------------------------------------------- */

.has-contrast-background-color a {
	color: var(--wp--preset--color--base);
}

.has-contrast-background-color a:focus-visible {
	outline-color: var(--wp--preset--color--base);
}

.is-style-no-link-underline a {
	text-decoration: none;
}

.is-style-no-link-underline.has-contrast-color a {
	color: var(--wp--preset--color--contrast);
}

.is-style-no-link-underline a:focus,
.is-style-no-link-underline a:hover {
	text-decoration: none;
}

/* Lists
--------------------------------------------- */

ol li::marker {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

.has-contrast-background-color ul li::marker {
	color: var(--wp--preset--color--base);
}

ul.is-style-default>li {
	list-style-type: disc;
}

ul.is-style-no-markers>li {
	list-style-type: none;
}

ul.is-style-arrows>li,
ul.is-style-checkmarks>li,
ul.is-style-xmarks>li {
	list-style-type: none;
	position: relative;
}

ul.is-style-arrows li::before {
    background-image: url('../icons/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: 15px 8px;
    content: ' ';
    height: 8px;
    left: -25px;
    position: absolute;
    top: 0.65em;
    width: 15px;
}

ul.is-style-checkmarks li::before {
    background-image: url('../icons/checkmark.svg');
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: ' ';
    height: 12px;
    left: -22px;
    position: absolute;
    top: 0.4em;
    width: 12px;
}

ul.is-style-xmarks li::before {
    background-image: url('../icons/xmark.svg');
    background-repeat: no-repeat;
    background-size: 9px 9px;
    content: ' ';
    height: 9px;
    left: -20px;
    position: absolute;
    top: 0.6em;
    width: 9px;
}

ul.is-style-link-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--xx-small);
    gap: 0.3em 1.5em;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.is-style-link-list li {
	margin: 0;
	padding: 0;
}


/* Media & Text
--------------------------------------------- */

.wp-block-media-text.has-background {
	border-radius: var(--wp--preset--border-radius--none);
    margin-bottom: 30px;
	overflow: hidden;
}

.wp-block-media-text.has-background > .wp-block-media-text__media img {
	border-radius: var(--wp--preset--border-radius--none);
}

.wp-block-media-text > .wp-block-media-text__content {
    padding: 25px 0 0;
}

.wp-block-media-text.has-background > .wp-block-media-text__content {
    padding: 25px 20px 0;
}

@media (min-width: 415px) {

	.wp-block-media-text.has-background > .wp-block-media-text__content {
		padding: 25px 25px 0;
	}

}

@media (min-width: 601px) {

	.wp-block-media-text.has-background > .wp-block-media-text__content,
	.wp-block-media-text > .wp-block-media-text__content {
		padding: 25px 8% 0;
	}

}

/* Navigation
--------------------------------------------- */

.wp-block-navigation ul {
	gap: 12px 24px;
}

/* Objects
--------------------------------------------- */

mark {
	background-color: var(--wp--preset--color--borderline);
	color: var(--wp--preset--color--contrast);
}

/* Paragraphs & Groups
--------------------------------------------- */

.wp-block-group.alignfull {
	padding-left: 10px;
	padding-right: 10px;
}

p.is-style-border,
p.is-style-boxshadow,
p.is-style-boxshadow-border,
p.has-background,
.wp-block-group.has-background:not(.alignfull, .alignwide),
div[class*=" is-style-call-out-"].wp-block-group {
	border-radius: var(--wp--preset--border-radius--none);
	margin-bottom: var(--wp--preset--spacing--medium-larger);
	padding: var(--wp--preset--spacing--small);
	padding-top: calc(var(--wp--preset--spacing--small) * 0.8);
}

.wp-block-group.is-style-border,
.wp-block-group.is-style-boxshadow,
.wp-block-group.is-style-boxshadow-border {
	margin-bottom: var(--wp--preset--spacing--medium-larger);
	padding: var(--wp--preset--spacing--small);
	padding-top: calc(var(--wp--preset--spacing--small) * 0.8);
}

.donya-notes .wp-block-image.alignright.is-style-rounded img {
	height: 100px !important;
	width: 100px !important;
}

.donya-notes img {
	aspect-ratio: auto !important;
}

.donya-signature img {
	margin-left: 1.35em;
}

@media (min-width: 768px) {

	p.is-style-border,
	p.is-style-boxshadow,
	p.is-style-boxshadow-border,
	p.has-background,
	.wp-block-group.has-background:not(.alignfull, .alignwide),
	div[class*=" is-style-call-out-"].wp-block-group,
	.wp-block-group.is-style-border,
	.wp-block-group.is-style-boxshadow,
	.wp-block-group.is-style-boxshadow-border {
		padding: var(--wp--preset--spacing--medium);
		padding-top: calc(var(--wp--preset--spacing--medium) * 0.8);
	}

	.donya-notes {
		padding: var(--wp--preset--spacing--medium-large) !important;
        padding-top: calc(var(--wp--preset--spacing--medium-large) * 0.8) !important;
	}

	.donya-notes .wp-block-image.alignright.is-style-rounded {
		margin-inline-start: 1em !important;
		margin-bottom: var(--wp--preset--spacing--medium) !important;
		margin-top: -0.5em !important;
	}

	.donya-notes .wp-block-image.alignright.is-style-rounded img {
		height: 150px !important;
		width: 150px !important;
	}

}

.wp-block-group.is-style-boxshadow-border {
	border: 1px solid var(--wp--preset--color--borderline);
}

.wp-block-column>*:last-child,
.wp-block-group.has-background>*:last-child,
.wp-block-group.is-style-boxshadow>*:last-child {
	margin-bottom: 0;
}

.wp-block-group.is-style-teal-border-top.has-primary-light-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
	background-color: var(--wp--preset--color--neutral-light);
}

div[class*=" is-style-call-out-"].wp-block-group {
	background-color: var(--wp--preset--color--brand-light);
}

div[class*=" is-style-call-out-tip-"].wp-block-group {
	background-color: var(--wp--preset--color--neutral-light);
}

@media (min-width: 360px) {

	.wp-block-group.alignfull,
	.wp-block-group.alignwide {
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media (min-width: 431px) {

	.wp-block-group.alignfull,
	.wp-block-group.alignwide {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 781px) {

	.is-style-center-on-mobile * {
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}

}

/* Query Loop
--------------------------------------------- */

.wp-block-query ul {
	flex-grow: 1;
	margin-bottom: 0;
	padding-left: 0;
}

.wp-block-query ul>li {
	list-style-type: none;
	margin: 0;
}

.entry-content .wp-block-query ul>li,
.wp-block-post-content .wp-block-query ul>li {
	background-color: var(--wp--preset--color--neutral-light);
}

.has-brand-light-background-color .wp-block-query ul>li {
	background-color: var(--wp--preset--color--base);
}

.has-neutral-dark-background-color .wp-block-query ul>li {
	background-color: var(--wp--preset--color--base);
}

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
	flex-grow: 1;
	gap: 20px 10px;
	justify-content: space-between;
}

.wp-block-query .wp-block-post-featured-image {
	margin-bottom: var(--wp--preset--spacing--xx-small);
}

.wp-block-query .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium-smaller);
	margin-bottom: 0;
}

.entry-content .wp-block-query .wp-block-post-title,
.wp-block-post-content .wp-block-query .wp-block-post-title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium-small);
	padding: 0 0.5em 0.65em;
}

.wp-block-query .post-link-wrapper,
.wp-block-query .wp-block-post-title a {
    color: var(--wp--preset--color--contrast);
    text-decoration: none;
}

.wp-block-query .post-link-wrapper:focus,
.wp-block-query .post-link-wrapper:hover {
    opacity: 1;
}

.wp-block-query .post-link-wrapper:hover .wp-block-post-title,
.wp-block-query .post-link-wrapper:focus .wp-block-post-title {
    color: var(--wp--preset--color--hyperlink);
    opacity: 1 !important;
}

.wp-block-query .post-link-wrapper .wp-block-post-excerpt__more-text {
    color: inherit;
}

.wp-block-query .post-link-wrapper:hover .wp-block-post-excerpt__more-text,
.wp-block-query .post-link-wrapper:focus .wp-block-post-excerpt__more-text {
    color: var(--wp--preset--color--hyperlink);
    opacity: 1 !important;
	text-decoration: underline;
}

.wp-block-query .post-link-wrapper .wp-block-post-title {
    color: inherit;
    opacity: 1 !important;
	text-align: center;
}

.wp-block-query .post-link-wrapper .wp-block-post-excerpt__excerpt {
    color: inherit;
    opacity: 1 !important;
}

.wp-block-query.is-style-featured-post .wp-block-post-title {
	font-size: var(--wp--preset--font-size--xx-large);
	margin: 0.3em 0;
}

.wp-block-post-excerpt__excerpt {
	margin-bottom: 15px;
}

.wp-block-post-excerpt__more-text {
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
}

.wp-block-post-excerpt__more-link {
	text-decoration: none;
}

.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
	width: calc(50% - 5px);
}

@media (min-width: 360px) {

	.wp-block-post-template.is-flex-container,
	.wp-block-query-loop.is-flex-container {
		gap: 20px 15px;
	}

	.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
		width: calc(50% - 7.5px);
	}

	.entry-content .wp-block-query .wp-block-post-title {
		font-size: var(--wp--preset--font-size--medium);
	}

}

@media (min-width: 415px) {

	.wp-block-post-template.is-flex-container,
	.wp-block-query-loop.is-flex-container {
		gap: 20px;
	}

	.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
		width: calc(50% - 10px);
	}

}

@media (min-width: 781px) {

	.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
		width: calc(25% - 15px);
	}

}

/* Quotes
--------------------------------------------- */

blockquote,
.wp-block-quote {
	border: 0;
	margin: 0 0 25px;
	padding: 15px;
	position: relative;
}

blockquote p {
	font-style: italic;
}

blockquote:not(.is-style-plain) {
    border-left: 4px solid var(--wp--preset--color--borderline);
}

.wp-block-quote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-pullquote blockquote {
	border: 0;
	margin: 0;
}

.wp-block-pullquote blockquote::before {
	background: none;
	content: none;
}

.wp-block-pullquote cite,
.wp-block-quote cite {
	display: block;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	margin-top: 10px;
	opacity: 0.8;
	text-align: inherit;
}

.wp-block-quote cite::before {
	content: '—';
}

@media (min-width: 415px) {

	blockquote,
	.wp-block-quote {
		padding: 15px 20px;
	}

}

@media (min-width: 768px) {

	blockquote,
	.wp-block-quote {
		padding: 15px 30px;
	}

}

/* Separator
--------------------------------------------- */

.wp-block-separator {
	border-top: 1px solid;
	opacity: 1;
}

/* Social Icons
--------------------------------------------- */

.wp-block-social-links {
    gap: 0.5em;
}

.wp-block-social-links .wp-social-link svg {
    height: .75em;
    width: .75em;
}

/* Tables
--------------------------------------------- */

table,
.wp-block-table table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: var(--wp--preset--font-size--x-small);
    margin-bottom: 40px;
    width: 100%;
    word-break: break-all;
}

tbody,
.wp-block-table tbody {
    border-bottom: 1px solid var(--wp--preset--color--borderline);
}

td,
th,
.wp-block-table td,
.wp-block-table th {
    line-height: var(--wp--custom--line-height--medium);
    text-align: left;
    vertical-align: top;
    padding: var(--wp--preset--spacing--xx-small);
}

tr,
.wp-block-table tr {
    border-top: 1px solid var(--wp--preset--color--borderline);
}

th,
.wp-block-table th {
    font-weight: var(--wp--custom--font-weight--semi-bold);
    padding: var(--wp--preset--spacing--xx-small);
}

.wp-block-table td,
.wp-block-table th {
    border: none;
}

table td:first-child,
table th:first-child,
.wp-block-table td:first-child,
.wp-block-table th:first-child {
    padding-left: 0;
}

table td:last-child,
table th:last-child,
.wp-block-table td:last-child,
.wp-block-table th:last-child {
    padding-right: 0;
}

/* Utilities
--------------------------------------------- */

@media (min-width: 1240px) {

	.is-style-desktop-cls-fix {
		width: var(--wp--style--global--wide-size);
	}

}

/* Shopify
--------------------------------------------- */

.wp-block-shopify-product-shopify-product-block {
    margin: 0 auto 25px;
    max-width: 375px;
}

.wp-block-shopify-collection-shopify-collection-block,
.shopify-collection-block__error.shopify-collection-block__error--no-collection {
    margin: 0 auto 25px;
}

.pagination-button-list {
    margin: 20px auto 25px !important;
}

ul.collection-pagination.pagination-button-list li::marker {
	content: none !important;
}

.product-card {
    background: #fff;
    border: 1px solid var(--wp--preset--color--borderline) !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: none !important;
	padding: 0 !important;
}

.product-card__image-container {
    border-radius: 0 !important;
}

.product-card .product-card__details {
    padding: 10px !important;
}

.product-card__image-container img {
    border-radius: 0 !important;
}

.product-card .product-card__details .product-card__title {
    color: var(--wp--preset--color--brand) !important;
    font-size: var(--wp--preset--font-size--medium-small) !important	;
    font-weight: var(--wp--custom--font-weight--semi-bold) !important;
}

.product-modal__title {
    font-weight: var(--wp--custom--font-weight--semi-bold) !important;
}