.mokab-main-image{
	width:100%;
}
.mokab-mainGallery .slick-slide{display: block;}
.mokab-main-image ul,
.mokab-main-image li{list-style: none;}
.mokab-main-image ul{margin-left:auto;}
.mokab-main-image img{
	width:100%;
	height:auto;
	object-fit:cover;
}
.mokab-thumbnails{
	display:grid;
	grid-template-columns:repeat(5,17.5%);
	grid-template-rows: repeat(auto,auto);
	gap:3.125%;
	margin-top: 20px;
  margin-left:auto;
}
.mokab-thumbnails span{
	border: none;
	cursor: pointer;
}
.mokab-thumbnails span.active{
	outline:2px solid #d4af37;
	outline-offset:2px;
}
.mokab-product-container{
	display:grid;
	grid-template-columns:560px 1fr;
	gap:60px;
	max-width:1200px;
	margin:0 auto;
	padding:20px;
}
.mokab-product-info{
	display:flex;
	flex-direction:column;
	gap:30px;
	padding-top:20px;
}
.p-product-detail{
  padding:0 20px;
  margin-bottom:40px;
}
.p-product-detailIn{
  max-width:1200px;
  margin-right:auto;
  margin-left:auto;
}
.p-product-detailOuter{
  padding:0;
  margin:0 -20px;
}
.mokab-product-wrapper{
	max-width:1400px;
	margin:0 auto;
	padding:0 20px;
}
.mokab-product-title{
	font-size:28px;
	font-weight:400;
	line-height:1.2;
	color:#050505;
}
.mokab-product-code{
	font-size:15px;
	font-weight:400;
	line-height:1.7;
	color:#050505;
}
.mokab-title-section{
	display:flex;
	flex-direction:column;
	gap:5px;
}
.mokab-price{
	font-size:18px;
	font-weight:400;
	color:#050505;
}
.mokab-form-section{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.mokab-product-type, .mokab-quantity{
	display:flex;
	flex-direction:column;
	gap:5px;
}
.mokab-label{
	font-size:16px;
	font-weight:400;
	line-height:2;
	color:#050505;
}
.mokab-select-wrapper{
	position:relative;
	width:250px;
}
.product_cart_select{height:40px;}
.mokab-select{
	width:100%;
	height:42px;
	padding:0 16px;
	background:white;
	border:1px solid #050505;
	font-size:16px;
	font-weight:400;
	color:#050505;
	appearance:none;
	font-family:'Noto Serif JP', serif;
}
.mokab-select-arrow{
	position:absolute;
	right:25px;
	top:25%;
	width:14px;
	height:14px;
	outline-offset:-0.5px;
	pointer-events:none;
}
.mokab-quantity-input{
	width:96px;
	height:42px;
	padding:0 16px;
	border:1px solid #050505;
	font-size:16px;
	font-weight:400;
	color:#050505;
	text-align:center;
	font-family:'Noto Serif JP', serif;
}
/* Action Buttons */
.mokab-action-buttons{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.mokab-add-cart, .mokab-add-favorite{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	height:70px;
	padding:0 130px;
	font-size:18px;
	font-weight:400;
	border:none;
	cursor:pointer;
	transition:all 0.3s ease;
	font-family:'Noto Serif JP', serif;
}
.mokab-add-cart{
	background:#050505;
	color:#fff;
}
.mokab-add-cart:hover{
	background:linear-gradient(135deg, #d4af37, #b8941f);
	transform:translateY(-2px) scale(1.05);
}
.mokab-add-cart:disabled{
	opacity:0.5;
pointer-events: none;
}
.mokab-add-favorite{
	background:white;
	color:#050505;
	border:1px solid #050505;
}
.mokab-add-favorite:hover{
	background:#f5f5f5;
  color:#fff;
  border:none;
  outline:none;
}
.mokab-cart-icon, .mokab-heart-icon{
	width:20px;
	height:20px;
}
/* Inquiry Section */
.mokab-inquiry-section{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:11px;
}
.mokab-inquiry-text{
	font-size:15px;
	font-weight:400;
	line-height:1.7;
	color:#050505;
}
.p-product-sns-list{
	display: flex;
  margin-left:0;
	line-height: 1.0;
}
.p-product-sns-list__item{
	display: block;
	list-style: none;
	margin-right: 10px;
}
.mokab-inquiry-decoration{
	width:100%;
	max-width:271px;
	height:auto;
}
.mokab-floating-wrapper{display:none;}
.mokab-tab-navigation{
	display:flex;
	justify-content:center;
	gap:20px;
	margin:138px 0;
	padding:0 20px;
	flex-wrap:wrap;
}
.mokab-tab{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 40px;
	background:#050505;
	color:#fff;
	font-size:18px;
	font-weight:600;
	letter-spacing:0.9px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.mokab-tab:hover{
	background:linear-gradient(135deg, #d4af37, #b8941f);
	transform:translateY(-3px);
}
.mokab-tab.active{
	background:#222;
}
.mokab-tab-arrow{
	width:14px;
	align-self: center;
}
.mokab-tab-arrow svg{
	width:117%;
	height:171%;
}
.mokab-tab-arrow svg use{
	fill:#fff;
}
.mokab-showcase-image{
	text-align:center;
	margin:40px 0;
	padding:0 20px;
}
.mokab-showcase-image img{
	max-width:1000px;
	width:100%;
	height:auto;
}
.mokab-features-section{
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
}
.mokab-features-content{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.mokab-features-title{
	font-size:20px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:2px;
	color:#050505;
}
.mokab-features-description{
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.8px;
	color:#050505;
}
.product-detail-grid{
	margin-top:113px;
	padding-bottom:130px;
}
.mokab-details-grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:40px;
	max-width:1000px;
	margin-inline:auto;
	/* padding:30px 20px; */
	/* background:#F5F2EC; */
}
.mokab-detail-item{
	display:flex;
	flex-direction:column;
	gap:30px;
	margin-bottom:86px;
}
.mokab-detail-item img{
	width:100%;
	max-width:500px;
	height:auto;
}
.mokab-detail-text{
	padding:0px 25px;
	max-width:467px;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.8px;
	color:#050505;
	text-align:center;
}
.mokab-uesugi-model-section{
	max-width:1000px;
	margin:40px auto;
	padding:20px;
	border:1px solid #050505;
}
.mokab-uesugi-title{
	text-align:start;
	font-size:20px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:2px;
	color:#050505;
}
.mokab-size-section, .mokab-benefits-section{
	text-align:center;
	margin:60px 0;
	padding:0 20px;
}
.mokab-section-title{
	font-size:32px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:1.6px;
	color:#050505;
	margin-bottom:10px;
}
.mokab-section-subtitle{
	font-size:16px;
	font-family:'Libre Baskerville', serif;
	font-weight:400;
	letter-spacing:1.6px;
	color:#050505;
}
.mokab-size-image{
	text-align:center;
	margin:40px 0;
	padding:0 20px;
}
.mokab-size-image img{
	max-width:700px;
	width:100%;
	height:auto;
}
.mokab-specs-table{
	max-width:800px;
	margin:0 auto 60px;
	background:white;
	overflow:hidden;
}
.mokab-spec-row{
	display:grid;
	grid-template-columns:200px 1fr;
	border-bottom:1px solid #DDDDDD;
}
.mokab-spec-row:last-child{
	border-bottom:none;
}
.mokab-spec-label{
	padding:20px 30px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:1.1;
	color:#050505;
}
.mokab-spec-value{
	padding:20px;
	font-size:15px;
	font-weight:400;
	line-height:1.5;
	color:#050505;
}
.mokab-benefits-grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:40px;
	max-width:1000px;
	margin:60px auto;
}
.mokab-benefit-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:30px;
}
.mokab-benefit-item img{
	width:100%;
	max-width:500px;
	height:auto;
}
.mokab-detail-item .mokab-detail-text{
	text-align:start;
	align-items:start;
}
.mokab-benefit-content{
	display:flex;
	/* padding:25px 0; */
	flex-direction:column;
	gap:10px;
}
.mokab-benefit-title{
	font-size:20px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:2px;
	color:#050505;
}
.mokab-benefit-text{
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.8px;
	color:#050505;
	max-width:467px;
}
.mokab-notice-section{
	max-width:1000px;
	margin:117px auto;
	padding:60px;
	background:white;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.mokab-notice-decoration{
	display:flex;
	align-items:center;
	gap:10px;
}
.mokab-notice-dots{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	align-items:center;
}
.mokab-notice-title{
	font-size:20px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:2px;
	color:#050505;
	margin-left:20px;
}
.mokab-notice-text{
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.8px;
	color:#050505;
}
.customer-testimonials-wrapper{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	position:relative;
	margin-bottom:150px;
}
.user-feedback-card{
	margin-bottom:45px;
	width:100%;
	padding:80px;
	background:#F5F2EC;
}
.testimonial-content-area{
	display:flex;
	flex-direction:column;
	gap:40px;
}
.reviews-section{z-index:1;}
.customer-profile-section{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.profile-header-row{
	display:flex;
	align-items:center;
	gap:10px;
}
.user-avatar-container{
	width:40px;
	height:40px;
	padding:10px;
	background:white;
	border-radius:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
.customer-name-text{
	color:#050505;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	letter-spacing:0.80px;
}
.customer-demographic{
	color:#050505;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:0.80px;
}
.rating-timestamp-row{
	display:flex;
	align-items:center;
	gap:10px;
}
.star-rating-display{
	display:flex;
	align-items:center;
	gap: 4px;
}
.star-icon{
	width:12px;
	height:12px;
	background:#050505;
}
.star-icon.star-wide{
	width:14px;
	height:12px;
}
.star-icon.star-medium{
	width:13px;
	height:12px;
}
.post-timestamp{
	color:#050505;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	letter-spacing:0.70px;
}
.testimonial-text-section{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.feedback-title-text{
	color:#050505;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	letter-spacing:0.80px;
}
.feedback-content-text{
	color:#050505;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:0.80px;
}
.shop-response-section{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.shop-response-title{
	color:#050505;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	letter-spacing:0.80px;
}
.shop-response-content{
	color:#050505;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:0.80px;
}
.shop-response-timestamp{
	color:#050505;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	letter-spacing:0.70px;
}
.submit-feedback-button-container{
	display:flex;
	justify-content:center;
	width:100%;
	position:relative;
	top:6px;
}
.post-testimonial-btn{
	padding:10px 20px;
	background:#050505;
	border:none;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	border-radius:0;
}
.button-indicator-dot{
	width:8px;
	height:8px;
	background:white;
	border-radius:50%;
}
.button-label-text{
	color:#fff;
	font-size:18px;
	font-family:'Noto Serif JP', serif;
	font-weight:600;
	line-height:27px;
	letter-spacing:0.90px;
}
.catalogs-button{
	position:fixed;
	bottom:50px;
	right:50px;
	width:110px;
	height:110px;
	z-index:1000;
}
.catalogs-button button{
	width: 100%;
	height: 100%;
	background:#050505;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:500;
	text-align:center;
	line-height:1.2;
	transition:transform 0.3s ease;
}
.catalogs-button button:hover{
  border-color:#d4af37;
	background:linear-gradient(135deg, #d4af37, #b8941f);
	transform:scale(1.05) translateY(-3px);
}
.mokab-add-favorite:hover{
	background:linear-gradient(135deg, #d4af37, #b8941f);
	transform:translateY(-2px) scale(1.05);
}
.post-testimonial-btn:hover{
	background:linear-gradient(135deg, #667eea, #764ba2);
	transform:translateY(-2px) scale(1.02);
}
.mokab-thumbnail:hover{
	transform:scale(1.05);
	border:2px solid #d4af37;
	box-shadow:0 4px 12px rgba(212, 175, 55, 0.3);
}
.mokab-cart-icon:hover, .mokab-heart-icon:hover{
	transform:scale(1.1);
	transition:all 0.3s ease;
}
@media (prefers-contrast:high){
	.mokab-add-cart{
		border:2px solid white;
	}
	.mokab-add-favorite{
		border:2px solid #050505;
	}
	.mokab-thumbnail.active{
		border:3px solid #050505;
	}
}
@media (max-width:1224px){
	.catalogs-button{
		width:80px;
		height:80px;
		font-size:12px;
		bottom:20px;
		right:20px;
	}
  .mokab-floating-text{font-size:12px;margin-top:0;}
	.user-feedback-card{
		padding:60px 40px;
	}
	.customer-profile-section{
		width:100%;
	}
	.profile-header-row{
		flex-wrap:wrap;
		gap:8px;
	}
	.rating-timestamp-row{
		flex-wrap:wrap;
		gap:8px;
	}
	.customer-name-text, .customer-demographic{
		font-size:15px;
	}
	.feedback-title-text, .feedback-content-text, .shop-response-title, .shop-response-content{
		font-size:15px;
	}
	.button-label-text{
		font-size:16px;
	}
	.product-showcase-section{
		padding:40px 20px;
	}
	.mokab-product-container{
		padding:15px;
		gap:30px;
	}
	.mokab-product-title{
		font-size:24px;
	}
	.mokab-price{
		font-size:16px;
	}
	.mokab-select-wrapper{
		width:100%;
		max-width:300px;
	}
	.mokab-add-cart, .mokab-add-favorite{
		padding:0 40px;
		font-size:16px;
		height:60px;
	}
	.mokab-thumbnail{
		height:70px;
	}
	.mokab-tab-navigation{
		gap:10px;
	}
	.mokab-tab{
		padding:8px 20px;
		font-size:16px;
	}
	.mokab-details-grid{
		gap:30px;
		padding:20px 15px;
	}
	.mokab-small-images{
		gap:15px;
		padding:0 15px;
	}
	.mokab-section-title{
		font-size:28px;
	}
	.mokab-specs-table{
      max-width:calc(100% - 30px);
		margin:0 auto 60px;
		border-radius:20px;
	}
	.mokab-spec-row{
		grid-template-columns:1fr;
	}
	.mokab-spec-label{
		border-bottom:1px solid #DDDDDD;
		background:#f0f0f0;
	}
	.mokab-benefits-grid{
		gap:30px;
		padding:20px;
	}
	.mokab-notice-section{
		padding:40px 20px;
		margin:40px 15px;
	}
	.mokab-notice-dots{
		gap:5px;
	}
	.mokab-notice-title{
		margin-left:10px;
		font-size:18px;
	}
}
@media (max-width:1024px){
	.mokab-main-image{
		order:1;
		max-width:600px;
		margin:0 auto;
	}
	.mokab-product-container{
		grid-template-columns:1fr;
		gap:40px;
		max-width:100%;
	}
	.mokab-product-info{
		order:2;
		max-width:600px;
		margin:0 auto;
	}
}
@media (max-width:650px){
	.user-feedback-card{
		padding:40px 20px;
	}
	.testimonial-content-area{
		gap:30px;
	}
	.profile-header-row{
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
	}
	.user-avatar-container{
		align-self:flex-start;
	}
	.rating-timestamp-row{
		flex-direction:column;
		align-items:flex-start;
		gap:8px;
	}
	.customer-name-text, .customer-demographic{
		font-size:14px;
	}
	.feedback-title-text, .feedback-content-text, .shop-response-title, .shop-response-content{
		font-size:14px;
		line-height:22px;
	}
	.post-timestamp, .shop-response-timestamp{
		font-size:13px;
	}
	.button-label-text{
		font-size:15px;
	}
	.mokab-product-code{
		font-size:14px;
	}
	.mokab-price{
		font-size:15px;
	}
	.mokab-form-section{
		gap:15px;
	}
	.mokab-action-buttons{
		gap:15px;
	}
	.mokab-add-cart, .mokab-add-favorite{
		padding:0 20px;
		font-size:14px;
		height:50px;
	}
	.mokab-thumbnail{
		height:60px;
	}
	.mokab-tab-navigation{
		flex-direction:column;
		gap:10px;
		padding:0 10px;
	}
	.mokab-tab{
		padding:10px 20px;
		font-size:14px;
		justify-content:center;
	}
	.mokab-features-title{
		font-size:18px;
	}
	.mokab-features-description{
		font-size:14px;
	}
	.mokab-details-grid{
		grid-template-columns:1fr;
		gap:20px;
		padding:15px 10px;
	}
	.mokab-detail-text{
		font-size:14px;
	}
	.mokab-small-images{
		grid-template-columns:1fr;
		gap:10px;
		padding:0 10px;
	}
	.mokab-uesugi-model-section{
		margin:20px auto;
		padding:15px;
	}
	.mokab-uesugi-title{
		font-size:18px;
	}
	.mokab-section-title{
		font-size:24px;
	}
	.mokab-section-subtitle{
		font-size:14px;
	}
	.mokab-benefits-grid{
		grid-template-columns:1fr;
		gap:20px;
		padding:15px 20px;
	}
	.mokab-benefit-item+.mokab-benefit-item{margin-top: 20px;}
	.mokab-benefit-title{
		font-size:18px;
	}
	.mokab-benefit-text{
		font-size:14px;
	}
	.mokab-notice-section{
		padding:20px 15px;
		margin:20px 10px;
	}
	.mokab-notice-decoration{
		gap:15px;
	}
	.mokab-notice-title{
		margin-left:0;
		font-size:16px;
	}
	.mokab-notice-text{
		font-size:14px;
	}
}
@media (max-width:600px){
	.mokab-mainGallery,
	.mokab-mainGallery .slick-slide,
	.mokab-mainGallery .slick-slide img{
		width: calc(100vw - 30px);
	}
  .mokab-mainGallery{margin:0 auto;}
}
@media (max-width:375px){
	.catalogs-button{
		width:70px;
		height:70px;
		font-size:11px;
		bottom:15px;
		right:15px;
	}
	.user-feedback-card{
		padding:30px 15px;
	}
	.testimonial-content-area{
		gap:25px;
	}
	.customer-profile-section{
		gap:8px;
	}
	.user-avatar-container{
		width:35px;
		height:35px;
		padding:8px;
	}
	.star-icon{
		width:10px;
		height:10px;
	}
	.star-icon.star-wide{
		width:12px;
		height:10px;
	}
	.star-icon.star-medium{
		width:11px;
		height:10px;
	}
	.customer-name-text, .customer-demographic{
		font-size:13px;
		line-height:20px;
	}
	.feedback-title-text, .feedback-content-text, .shop-response-title, .shop-response-content{
		font-size:13px;
		line-height:20px;
		letter-spacing:0.60px;
	}
	.post-timestamp, .shop-response-timestamp{
		font-size:12px;
		line-height:18px;
	}
	.post-testimonial-btn{
		padding:8px 16px;
	}
	.button-indicator-dot{
		width:6px;
		height:6px;
	}
	.button-label-text{
		font-size:14px;
		line-height:21px;
		letter-spacing:0.70px;
	}
	.mokab-product-container{
		padding:8px;
		gap:15px;
	}
	.mokab-product-title{
		font-size:18px;
	}
	.mokab-price{
		font-size:14px;
	}
	.mokab-add-cart, .mokab-add-favorite{
		padding:0 15px;
		font-size:13px;
		height:45px;
	}
	.mokab-thumbnail{
		height:50px;
	}
	.mokab-tab{
		padding:8px 15px;
		font-size:13px;
	}
	.mokab-features-title{
		font-size:16px;
	}
	.mokab-features-description{
		font-size:13px;
	}
	.mokab-details-grid{
		padding:12px 8px;
	}
	.mokab-detail-text{
		font-size:13px;
	}
	.mokab-small-images{
		padding:0 8px;
	}
	.mokab-section-title{
		font-size:20px;
	}
	.mokab-section-subtitle{
		font-size:13px;
	}
	.mokab-benefit-title{
		font-size:16px;
	}
	.mokab-benefit-text{
		font-size:13px;
	}
	.mokab-notice-section{
		padding:15px 10px;
		margin:15px 8px;
	}
	.mokab-notice-title{
		font-size:14px;
	}
	.mokab-notice-text{
		font-size:13px;
	}
	.mokab-spec-label, .mokab-spec-value{
		padding:15px;
		font-size:13px;
	}
}
@media (min-width:768.02px){
  .reviews-section{padding-bottom:40px;}
  .reviews-section .flower-img{bottom:-102px;}
}
@media (min-width:1224.02px){
}

.mokab-form-section [type="text"] {
	line-height: 30px;
	max-width: 250px;
	height: 40px;
	border: 1px solid #ccc;
	background-color: #fff;
}