/**
 * Roisameson storefront — Fashion Nova-like: white surfaces, locked photos, black type.
 */
:root{
	--fn-bg:#fff;
	--fn-ink:#111;
	--fn-mute:#6b6b6b;
	--fn-line:#ececec;
	--fn-wash:#f6f6f6;
	--fn-sale:#c81e1e;
}
body.roi-store,
body.roi-atelier,
body.wikishop-look-atelier,
body{
	background:#fff;
	color:#111;
}
body.roi-store a{color:inherit}
body.roi-store a:hover{opacity:.75}

.roi-maison-kicker{display:none !important}
.wikishop-topbar{
	background:#111 !important;
	color:#fff !important;
	font-size:12px;
	letter-spacing:.04em;
}
.wikishop-header{
	background:#fff;
	border-bottom:1px solid var(--fn-line);
	box-shadow:none;
	backdrop-filter:none;
}
.wikishop-header-inner{min-height:64px;padding:.75rem 0}
.wikishop-logo-text{
	font-size:20px;
	letter-spacing:.18em;
	text-transform:uppercase;
	font-weight:800;
	color:#111 !important;
}
.wikishop-nav-list a,
.wikishop-cat-nav-list a{
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#111;
}
.wikishop-cat-nav{
	background:#fff;
	border-top:0;
	border-bottom:1px solid var(--fn-line);
}
.wikishop-action-box,
.roi-header-tools{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0;
}
.wikishop-account-btn,
.wikishop-icon-btn{
	background:transparent !important;
	color:#111 !important;
}
.wikishop-account-btn:hover,
.wikishop-icon-btn:hover{
	background:transparent !important;
	color:#111 !important;
	opacity:.7;
}
.wikishop-cart-count,
.wikishop-cart-btn .count{
	background:#111 !important;
	color:#fff !important;
}
.wikishop-infobar,
.wikishop-sales-nudge{
	background:#111 !important;
	color:#fff !important;
	border:0;
	font-size:12px;
	text-align:center;
	padding:.55rem 1rem;
	letter-spacing:.04em;
}

.wikishop-btn,
button.wikishop-btn,
a.wikishop-btn{
	background:#111 !important;
	color:#fff !important;
	border:1px solid #111 !important;
	border-radius:0 !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-size:12px !important;
	font-weight:800 !important;
	box-shadow:none !important;
	background-image:none !important;
}
.wikishop-btn-ghost,
a.wikishop-btn-ghost,
.wikishop-slide-caption .wikishop-btn-ghost{
	background:#fff !important;
	color:#111 !important;
	border:1px solid #fff !important;
}
.wikishop-carousel-more,
body.wikishop-look-atelier .wikishop-carousel-more{
	background:transparent !important;
	color:#111 !important;
	border:0 !important;
	box-shadow:none !important;
	text-transform:uppercase;
	letter-spacing:.06em;
	font-size:12px !important;
	padding:0 !important;
	min-height:auto;
	font-weight:800 !important;
}

/* Hero: fixed height photo + solid caption bar (not text dumped on the image) */
.wikishop-slider-section{margin:0}
.wikishop-slide-item{
	position:relative;
	overflow:hidden;
	min-height:0 !important;
	background:#111;
	display:flex;
	flex-direction:column;
}
.wikishop-slide-img,
.wikishop-slide-item img.wikishop-slide-img{
	width:100% !important;
	height:360px !important;
	max-height:360px !important;
	object-fit:cover !important;
	object-position:center top;
	display:block;
}
.wikishop-slide-caption{
	background:#111;
	color:#fff;
	padding:14px 16px 16px;
	width:100%;
}
.wikishop-slide-title,
.wikishop-slide-caption h2{
	font-size:18px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	line-height:1.3;
	margin:0 0 6px;
	color:#fff;
}
.wikishop-slide-desc{
	font-size:13px;
	opacity:.86;
	margin:0 0 12px;
	max-width:36em;
}
.wikishop-slide-placeholder{
	background:#111;
	min-height:280px;
	justify-content:flex-end;
}
.wikishop-snap-dots{padding:10px 0 0;background:#fff}
.wikishop-snap-dots button{background:#ddd}
.wikishop-snap-dots button.is-on{background:#111;width:18px}

@media (min-width:768px){
	.wikishop-slide-img,
	.wikishop-slide-item img.wikishop-slide-img{
		height:460px !important;
		max-height:460px !important;
	}
	.wikishop-slide-caption{padding:18px 24px}
	.wikishop-slide-title{font-size:26px}
}

.wikishop-section-title,
.wikishop-carousel-title,
.wikishop-home-about h2,
.wikishop-faq h2,
.wikishop-cats-carousel-wrap .wikishop-carousel-title{
	font-weight:800 !important;
	letter-spacing:.08em !important;
	text-transform:uppercase !important;
	font-size:14px !important;
	color:#111;
}
.wikishop-carousel-kicker{
	color:var(--fn-mute) !important;
	letter-spacing:.12em;
	text-transform:uppercase;
	font-size:11px;
	font-weight:700;
}
.wikishop-carousel-section,
.wikishop-categories-section{
	padding:1.5rem 0;
	background:#fff;
}

/* Collections: small circular chips, snap carousel, centered when few */
.wikishop-cats-carousel-wrap{padding:4px 0 8px}
.wikishop-snap-cats.wikishop-snap,
.wikishop-snap-cats{
	display:flex !important;
	flex-wrap:nowrap;
	gap:12px;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	padding:6px 2px 10px;
	scrollbar-width:none;
	grid-template-columns:none !important;
}
.wikishop-snap-cats::-webkit-scrollbar{display:none}
.wikishop-snap-cats.is-center{
	justify-content:center;
	overflow-x:auto !important;
	scroll-snap-type:none;
}
.wikishop-snap-cats .wikishop-cat-chip,
.wikishop-cat-chip{
	display:flex !important;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	flex:0 0 auto;
	width:76px !important;
	min-width:76px;
	gap:6px;
	padding:0;
	border:0 !important;
	background:transparent !important;
	border-radius:0;
	text-decoration:none;
	color:#111 !important;
	text-align:center;
	scroll-snap-align:start;
}
.wikishop-cat-chip img,
.roi-look-tile img{
	width:56px !important;
	height:56px !important;
	min-width:56px;
	border-radius:50% !important;
	object-fit:cover !important;
	display:block;
	background:#f4f4f4;
	border:1px solid var(--fn-line);
	aspect-ratio:1 / 1;
	padding:0;
}
.wikishop-cat-chip span,
.roi-look-tile span{
	position:static;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	background:transparent !important;
	color:#111 !important;
	padding:0;
	font-size:11px;
	font-weight:700;
	letter-spacing:0;
	text-transform:none;
	text-align:center;
	line-height:1.35;
	max-width:76px;
}
.roi-look-tile{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:76px !important;
	background:transparent;
	color:#111 !important;
	text-decoration:none;
	overflow:visible;
}
.roi-cat-grid.wikishop-snap,
.wikishop-snap-cats.roi-cat-grid{
	display:flex !important;
	grid-template-columns:none !important;
	overflow-x:auto !important;
}

/* Product cards: fashion grid, start-aligned type, air between rows */
.wikishop-snap-products .wikishop-snap-item{width:min(46vw,220px)}
.wikishop-card-product,
.wikishop-loop-prod,
.woocommerce ul.products li.product,
body.wikishop-look-atelier .wikishop-card-product{
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	background:#fff !important;
	overflow:hidden;
	text-align:start;
	transform:none !important;
}
.woocommerce ul.products li.product:hover,
.wikishop-card-product:hover{
	transform:none !important;
	box-shadow:none !important;
}
.wikishop-card-link{
	text-align:start;
	color:#111;
}
.wikishop-card-media{
	position:relative !important;
	display:block !important;
	width:100%;
	height:0 !important;
	padding-bottom:125% !important;
	aspect-ratio:auto !important;
	overflow:hidden;
	background:#f6f6f6;
}
.wikishop-card-media img,
.wikishop-card-product img,
.woocommerce ul.products li.product img{
	position:absolute;
	inset:0;
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
	aspect-ratio:auto !important;
	max-width:none !important;
	border-radius:0 !important;
}
.wikishop-card-link .wikishop-carousel-name,
.wikishop-carousel-name{
	font-weight:500;
	font-size:12px;
	line-height:1.45;
	min-height:2.7em;
	color:#222;
	margin:10px 0 4px;
	padding:0 2px !important;
	text-transform:none;
	letter-spacing:0;
	text-align:start;
}
.wikishop-carousel-price,
.wikishop-carousel-price ins,
.woocommerce ul.products li.product .price{
	color:#111 !important;
	font-weight:800;
	font-size:13px;
	padding:0 2px 12px;
	text-align:start;
}
.wikishop-carousel-price del,
.woocommerce ul.products li.product .price del{
	color:#999 !important;
	font-weight:400;
	font-size:11px;
}
.wikishop-carousel-price ins{
	text-decoration:none !important;
	color:#111 !important;
}
.wikishop-card-body{padding:0 2px 4px;gap:0;text-align:start}
.wikishop-card-product .add_to_cart_button,
.wikishop-card-product .button,
.wikishop-card-body .add_to_cart_button,
.wikishop-card-body .button,
body.wikishop-look-atelier .wikishop-card-body .button,
.wikishop-card-product .wikishop-installment,
.wikishop-card-product .wikishop-gram,
.wikishop-low-stock{
	display:none !important;
}
.wikishop-carousel-badge.is-sale,
.onsale{
	background:var(--fn-sale) !important;
	color:#fff !important;
	border-radius:0 !important;
	font-weight:800;
}
.wikishop-card-product .wikishop-wish-btn,
body.wikishop-look-atelier .wikishop-card-product .wikishop-wish-btn{
	background:transparent;
	border:0;
	box-shadow:none;
	color:#111;
	width:34px;
	height:34px;
	top:8px;
	left:6px;
}
.wikishop-archive-hero{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	border-radius:0 !important;
	padding:0 0 12px !important;
	margin-bottom:8px !important;
}
.wikishop-archive-kicker{display:none !important}
.wikishop-archive-head{text-align:start !important;margin-bottom:10px}
.wikishop-woo-title{
	font-size:15px !important;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	text-align:start;
}
.wikishop-back-top{
	background:#111 !important;
	color:#fff !important;
	box-shadow:none !important;
	width:40px;
	height:40px;
	z-index:40;
}

.wikishop-home .wikishop-cashback,
.wikishop-home .wikishop-features-section,
.wikishop-deal-wave,
.wikishop-deal-pattern,
.wikishop-deal-notch{
	display:none !important;
}
.wikishop-carousel-section.is-deal,
.wikishop-deal-band,
.wikishop-home-about,
body .wikishop-installment{
	background:#fff !important;
	background-image:none !important;
	color:#111;
}
.wikishop-trust{
	background:var(--fn-wash);
	padding:18px 0;
	border-top:1px solid var(--fn-line);
	border-bottom:1px solid var(--fn-line);
}
.wikishop-trust-card,
.wikishop-feature-card,
.wikishop-faq-item,
.wikishop-home-about-copy{
	background:#fff !important;
	border:1px solid var(--fn-line) !important;
	border-radius:0 !important;
	box-shadow:none !important;
	padding:12px 14px !important;
}
.wikishop-trust-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}
@media (min-width:768px){
	.wikishop-trust-grid{grid-template-columns:repeat(4,1fr)}
	.wikishop-snap-cats .wikishop-cat-chip,
	.wikishop-cat-chip{width:88px !important;min-width:88px}
	.wikishop-cat-chip img,
	.roi-look-tile img{width:68px !important;height:68px !important;min-width:68px}
	.wikishop-cat-chip span,
	.roi-look-tile span{max-width:88px;font-size:12px}
}
.wikishop-trust-card strong{display:block;font-weight:800;font-size:12px;text-transform:uppercase}
.wikishop-trust-card span{color:var(--fn-mute);font-size:12px}
.wikishop-banners-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}
.wikishop-banners-grid .wikishop-banner{
	overflow:hidden;
	max-height:180px;
	background:#f4f4f4;
}
.wikishop-banners-grid .wikishop-banner img{
	width:100%;
	height:180px !important;
	object-fit:cover !important;
	aspect-ratio:auto !important;
}
.wikishop-cta-section,
.wikishop-cta-inner{
	background:var(--fn-wash) !important;
	border-top:1px solid var(--fn-line);
	padding:2rem 1rem;
	text-align:center;
}
.wikishop-mag-home-card{
	background:#fff !important;
	color:#111 !important;
	border-radius:0 !important;
}
.wikishop-mag-home-card img,
.wikishop-mag-ph{
	height:180px !important;
	aspect-ratio:auto !important;
	object-fit:cover !important;
}
.wikishop-shop-go,
.wikishop-comments .submit,
.wikishop-blog-go{
	background:#111 !important;
	color:#fff !important;
	border-radius:0 !important;
}
.woocommerce ul.products,
ul.products{
	display:grid !important;
	grid-template-columns:1fr 1fr;
	gap:16px 10px;
}
.woocommerce ul.products li.product,
ul.products li.product{
	width:100% !important;
	margin:0 !important;
	float:none !important;
	padding:0 !important;
}
@media (min-width:900px){
	.woocommerce ul.products,
	ul.products{grid-template-columns:repeat(4,1fr);gap:16px}
}

.wikishop-footer,
body.wikishop-footer-light .wikishop-footer,
body.wikishop-footer-dark .wikishop-footer{
	background:#fff !important;
	color:#111 !important;
	border-top:1px solid var(--fn-line);
}
.wikishop-footer a{color:#111}
.wikishop-footer h2{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.wikishop-bottom-nav{
	background:#fff;
	border-top:1px solid var(--fn-line);
}
.wikishop-bottom-nav a,
.wikishop-bottom-nav button{
	color:#111;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
}
body.aroma-product-page .wikishop-bottom-nav{display:none !important}

.wikishop-login-form input:focus,
.aroma-otp-box:focus{
	border-color:#111 !important;
	box-shadow:0 0 0 3px rgba(17,17,17,.12) !important;
	background:#fff !important;
}

@media (max-width:760px){
	.wikishop-header-inner{min-height:56px;padding:.55rem 0;min-width:0}
	.wikishop-container{padding-left:12px;padding-right:12px;max-width:100%}
	.wikishop-carousel-section{padding:1.1rem 0}
	.wikishop-slide-title{font-size:16px}
}

/* PDP must never dump native-size photos onto the page */
.roi-pdp-stage > .roi-pdp-shot{display:none}
.roi-pdp-stage > .roi-gal-input:checked + .roi-pdp-shot{display:block}
.roi-gal-input{
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:0;
	opacity:0;
	pointer-events:none;
}
.roi-pdp-shot{
	position:relative;
	width:100%;
	height:auto;
	aspect-ratio:4/5;
	max-height:72vh;
	overflow:hidden;
	background:#f4f4f4;
}
.roi-pdp-shot img{
	position:absolute;
	inset:0;
	width:100% !important;
	height:100% !important;
	object-fit:contain;
	object-position:center center;
	max-width:100% !important;
}
@media (max-width:900px){
	.roi-pdp-shot{
		aspect-ratio:auto;
		padding-bottom:0 !important;
		height:min(62vh,420px) !important;
		max-height:none !important;
	}
	.roi-pdp-shot img{
		object-fit:contain !important;
	}
}
.aroma-pdp-app,
.aroma-pdp,
.aroma-pdp-top,
.aroma-pdp-gallery{
	max-width:100%;
	min-width:0;
}
.aroma-pdp-zoom:not(.is-open):not(:target),
.roi-360:not(.is-open){
	display:none !important;
}
.aroma-pdp-zoom.is-open,
.aroma-pdp-zoom:target,
.roi-360.is-open{
	display:grid !important;
	position:fixed;
	inset:0;
	z-index:10050;
	place-items:center;
}