/* =========================================================
   SILKPRADA ATELIER — HEADER
   v0.3.0
   ========================================================= */

.sa-site-header{
	background:#fff;
	color:var(--sa-deep-earth);
	border-bottom:1px solid rgba(88,38,38,.10);
}

.sa-header-brand{
	background:#fff;
}

.sa-header-brand__inner{
	min-height:96px;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:20px;
}

.sa-header-brand__name{
	justify-self:center;
	color:var(--sa-deep-earth);
	text-decoration:none;
	font-family:"Marcellus", Georgia, serif;
	font-size:1.72rem;
	letter-spacing:.055em;
	white-space:nowrap;
}

.sa-header-tools{
	justify-self:end;
	display:flex;
	align-items:center;
	gap:14px;
	font-size:.82rem;
	letter-spacing:.055em;
}

.sa-header-lang,
.sa-header-cart{
	color:var(--sa-deep-earth);
	text-decoration:none;
}

.sa-header-cart{
	display:flex;
	align-items:center;
	gap:6px;
}

.sa-header-cart__count{
	min-width:20px;
	height:20px;
	padding:0 5px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:var(--sa-deep-earth);
	color:#fff;
	font-size:.72rem;
}

.sa-header-nav{
	background:var(--sa-deep-earth);
	color:#fff;
}

.sa-desktop-nav{
	min-height:56px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px 14px;
	font-size:.86rem;
	letter-spacing:.035em;
}

.sa-desktop-nav a{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}

.sa-desktop-nav a:hover,
.sa-desktop-nav a:focus-visible{
	text-decoration:underline;
	text-underline-offset:5px;
}

.sa-desktop-nav span{
	opacity:.70;
}

/* Reusable decagon treatment for SA cards, product images and homepage category cards. */
.sa-decagon{
	clip-path:polygon(
		50% 0%,
		79.39% 9.55%,
		97.55% 34.55%,
		97.55% 65.45%,
		79.39% 90.45%,
		50% 100%,
		20.61% 90.45%,
		2.45% 65.45%,
		2.45% 34.55%,
		20.61% 9.55%
	);
	overflow:hidden;
}

.sa-decagon img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/* Ready for the future 6-image homepage category row. */
.sa-category-strip{
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:28px;
	padding-block:28px;
}

.sa-category-card{
	aspect-ratio:1/1;
	position:relative;
}

.sa-category-card__label{
	position:absolute;
	left:16%;
	right:16%;
	bottom:17%;
	padding:7px 8px;
	background:rgba(88,38,38,.72);
	color:#fff;
	text-align:center;
	font-size:.82rem;
	letter-spacing:.035em;
	line-height:1.15;
}

.sa-mobile-menu{
	display:none;
}

@media (max-width:1100px){
	.sa-header-brand__inner{
		min-height:84px;
	}

	.sa-header-brand__name{
		font-size:1.48rem;
	}

	.sa-desktop-nav{
		font-size:.78rem;
		gap:8px 10px;
	}

	.sa-category-strip{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media (max-width:760px){
	.sa-header-brand__inner{
		grid-template-columns:1fr auto;
		min-height:74px;
	}

	.sa-header-brand__spacer{
		display:none;
	}

	.sa-header-brand__name{
		justify-self:start;
		font-size:1.14rem;
		white-space:normal;
	}

	.sa-header-tools{
		gap:10px;
		font-size:.76rem;
	}

	.sa-desktop-nav{
		display:none;
	}

	.sa-header-nav{
		padding-block:0;
	}

	.sa-mobile-menu{
		display:block;
		color:#fff;
	}

	.sa-mobile-menu summary{
		min-height:52px;
		display:flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
		list-style:none;
		font-size:.88rem;
		letter-spacing:.08em;
	}

	.sa-mobile-menu summary::-webkit-details-marker{
		display:none;
	}

	.sa-mobile-menu__links{
		display:grid;
		padding:0 0 18px;
		border-top:1px solid rgba(255,255,255,.18);
	}

	.sa-mobile-menu__links a{
		color:#fff;
		text-decoration:none;
		padding:11px 4px;
		border-bottom:1px solid rgba(255,255,255,.12);
	}

	.sa-category-strip{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:16px;
	}
}
/* =========================================================
   SILKPRADA ATELIER — FOOTER MASTER
   ========================================================= */

.sa-explore{
    background:linear-gradient(
        180deg,
        #9C9595 0%,
        #745050 34%,
        #582626 100%
    ) !important;
    color:#fff !important;
    text-align:center;
    padding:14px 0 28px;
}

.sa-explore__title{
    margin:0 0 18px;
    font-size:1.08rem;
}

.sa-explore__nav{
    display:flex !important;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    font-size:1rem;
}

.sa-explore__nav a{
    color:#fff !important;
    text-decoration:none;
}

.sa-footer{
    margin:0;
    background:#939393 !important;
    color:#582626;
}

.sa-footer__frame{
    padding:16px 12px 14px;
}

.sa-footer__grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:4px;
    max-width:1760px;
    margin:0 auto;
    align-items:stretch;
}

.sa-footer__panel{
    min-width:0;
    padding:16px 16px 20px;
    background:#FFF8FF !important;
    border:1px solid rgba(88,38,38,.12);
    border-radius:22px 22px 0 0;
}

.sa-footer__heading{
    margin:0 0 20px;
    text-align:center;
    font-family:"Marcellus",Georgia,serif;
    font-size:1.22rem;
    line-height:1.15;
    font-weight:400;
    color:#582626;
}

.sa-footer__links{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:6px;
    font-size:1rem;
    line-height:1.32;
}

.sa-footer__links li{
    margin:0;
    padding:0;
    list-style:none !important;
}

.sa-footer__links a{
    display:inline-block;
    color:#582626;
    text-decoration:none;
}

.sa-footer__contact{
    position:static !important;
    display:block !important;
    margin-top:30px;
    text-align:center;
    font-size:.86rem;
    font-weight:600;
    line-height:1.45;
}

.sa-footer__contact a{
    display:block;
    text-decoration:none;
}

.sa-footer__bottom{
    background:#fff;
    border-top:1px solid #eee;
}

.sa-footer__bottom-inner{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.sa-footer__bottom p{
    margin:0;
    font-size:.82rem;
}

@media (max-width:1100px){
    .sa-footer__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px;
    }
}

@media (max-width:640px){
    .sa-explore__nav{
        gap:8px 10px;
    }

    .sa-explore__nav span{
        display:none;
    }

    .sa-footer__grid{
        grid-template-columns:1fr !important;
        gap:8px;
    }

    .sa-footer__panel{
        border-radius:18px;
    }

    .sa-footer__heading{
        text-align:left;
    }

    .sa-footer__contact{
        text-align:left;
    }
}