/*
 * 제품 페이지 전용 스타일 진입점
 * 이 파일은 lumiere_signature 테마의 제품 페이지에서만 로드됩니다.
 */
@import url('../products-archive.css?ver=20260831.1');
@import url('../products-archive-overrides.css?ver=20260831.1');

/* 봄의황칠 상품 배너는 가로 사진을 프레임 전체에 채웁니다. */
.ls-products-page{background:#fff!important}
.ls-products-page .ls-products-hero__slide-image{object-fit:cover!important;object-position:center center!important}
@media(max-width:640px){.ls-products-page .ls-products-hero__slide-image{object-position:right center!important}.ls-products-page .ls-products-hero__slide:after{background:linear-gradient(180deg,rgba(7,31,23,.72) 0%,rgba(7,31,23,.6) 35%,rgba(7,31,23,.24) 65%,rgba(7,31,23,.15) 100%)!important}}

/* 판매량/추천상품 가로 스와이프 */
.ls-products-family__slider{position:relative}
.ls-products-family__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;outline-offset:4px}
.ls-products-family__viewport::-webkit-scrollbar{display:none}
.ls-products-family__slider .ls-products-family__grid{display:flex;gap:10px}
.ls-products-family__slider .ls-products-family__card{flex:0 0 calc((100% - 20px)/3);min-width:0;min-height:245px;scroll-snap-align:start}
.ls-products-family__copy{box-sizing:border-box;width:55%;padding-right:12px}
.ls-products-family__card h3{line-height:1.45;word-break:keep-all}
.ls-products-family__card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:keep-all}
.ls-products-family__card img{width:45%}
.ls-products-family__control{display:none;position:absolute;z-index:3;top:50%;width:40px;height:40px;transform:translateY(-50%);border:1px solid #dfd5c4;border-radius:50%;background:#fff;color:#173a2a;font-size:28px;line-height:34px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .2s ease}
.ls-products-family.has-more-products .ls-products-family__control{display:block}
.ls-products-family__slider:hover .ls-products-family__control,.ls-products-family__control:focus-visible{opacity:1;pointer-events:auto}
.ls-products-family__control--prev{left:-18px}
.ls-products-family__control--next{right:-18px}
.ls-products-family__control:hover,.ls-products-family__control:focus-visible{background:#173a2a;color:#fff}
.ls-products-family__position{margin-top:13px;text-align:center;color:#8b8071;font-size:13px}
.ls-products-family__position [data-ls-family-current]{color:#173a2a;font-weight:700}
@media(max-width:900px){.ls-products-family__slider .ls-products-family__card{flex-basis:calc((100% - 10px)/2)}}
@media(max-width:640px){.ls-products-family__slider .ls-products-family__grid{display:flex}.ls-products-family__slider .ls-products-family__card,.ls-products-family__slider .ls-products-family__card.is-active{display:flex;flex-basis:100%;min-height:245px}.ls-products-family__control--prev{left:4px}.ls-products-family__control--next{right:4px}}
@media(hover:none){.ls-products-family.has-more-products .ls-products-family__control{opacity:1;pointer-events:auto}}

/* 상품관리 분류에 따라 생성되는 전체상품 목록 */
.ls-product-catalog--new .ls-product-catalog__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0 45px}
.ls-product-catalog--new .ls-product-catalog__categories a{padding:9px 16px;border:1px solid #dfd5c4;border-radius:999px;background:#fff;color:#4a443a;font-size:13px;text-decoration:none}
.ls-product-catalog--new .ls-product-catalog__categories a:hover,.ls-product-catalog--new .ls-product-catalog__categories a:focus-visible{border-color:#173a2a;background:#173a2a;color:#fff}
.ls-product-catalog--new .ls-product-catalog__section{margin-top:52px;background:#fff;scroll-margin-top:100px}
.ls-product-catalog--new .ls-product-catalog__section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #d9cfc0}
.ls-product-catalog--new .ls-product-catalog__section-head .ls-products-kicker{margin-bottom:7px;font-size:11px}
.ls-product-catalog--new .ls-product-catalog__section-head h3{margin:0;color:#173a2a;font-size:25px;line-height:1.3}
.ls-product-catalog--new .ls-product-catalog__section-head h3 small{margin-left:5px;color:#9b8c75;font-size:14px;font-weight:400}
.ls-product-catalog--new .ls-product-catalog__section-head>a{flex:none;color:#6c5d45;font-size:13px;text-decoration:none}
.ls-product-catalog--new .ls-product-catalog__section-head>a:hover{text-decoration:underline}
.ls-product-catalog--new .ls-product-catalog__section .ls-product-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.ls-product-catalog--new .ls-product-catalog__card{display:block;min-width:0;padding:16px;border:1px solid #e6ded1;border-radius:8px;background:#fff;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}
.ls-product-catalog--new .ls-product-catalog__card:hover,.ls-product-catalog--new .ls-product-catalog__card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,50,36,.1)}
.ls-product-catalog--new .ls-product-catalog__image{aspect-ratio:1/1;margin:0 0 15px;background:#f5f2eb}
.ls-product-catalog--new .ls-product-catalog__image img{display:block;width:100%;height:100%;object-fit:contain}
.ls-product-catalog--new .ls-product-catalog__card p{height:auto;min-height:19px;margin:0;color:#8a8379;font-size:13px;line-height:1.45}
.ls-product-catalog--new .ls-product-catalog__card h4{min-height:46px;margin:7px 20px 10px 0;color:#252a25;font-size:17px;line-height:1.4;word-break:keep-all}
.ls-product-catalog--new .ls-product-catalog__card strong{color:#173a2a;font-size:17px;font-weight:700}
.ls-product-catalog--new .ls-product-catalog__plus{right:16px;bottom:18px;width:24px;height:24px;border-color:#cbbda8;font-size:19px;line-height:21px}
@media(max-width:900px){.ls-product-catalog--new .ls-product-catalog__section .ls-product-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ls-product-catalog--new .ls-product-catalog__categories{justify-content:flex-start;margin-bottom:32px}.ls-product-catalog--new .ls-product-catalog__section{margin-top:42px}.ls-product-catalog--new .ls-product-catalog__section-head h3{font-size:21px}.ls-product-catalog--new .ls-product-catalog__section .ls-product-catalog__grid{gap:12px}.ls-product-catalog--new .ls-product-catalog__card{padding:10px}.ls-product-catalog--new .ls-product-catalog__card h4{min-height:0;font-size:14px}.ls-product-catalog--new .ls-product-catalog__card p{font-size:12px}.ls-product-catalog--new .ls-product-catalog__card strong{font-size:14px}.ls-product-catalog--new .ls-product-catalog__plus{right:10px;bottom:10px}}
