.ci-shop-by-scene{--green: #7fb629;--greenDark: #578716;--ink: #20252a;--muted: #6c747b;--line: #e3e8eb;--max: 1240px;--shadow: 0 14px 34px rgba(18, 26, 32, .08);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:normal;text-transform:none}.ci-shop-by-scene *{box-sizing:border-box}.ci-shop-by-scene img{display:block;max-width:100%}.ci-shop-by-scene a{color:inherit;text-decoration:none}.ci-shop-by-scene h2{font-family:inherit;font-style:normal;text-transform:none;color:inherit}.ci-shop-by-scene .sbs-container{width:min(var(--max),calc(100% - 40px));margin:auto}.ci-shop-by-scene .sbs-section{padding:66px 0}.ci-shop-by-scene .sbs-section-title{font-size:36px;line-height:1.08;letter-spacing:-.035em;margin:0 0 10px;font-weight:900}.ci-shop-by-scene .sbs-section-sub{margin:0;color:var(--muted);max-width:760px}.ci-shop-by-scene .sbs-center{text-align:center}.ci-shop-by-scene .green{color:var(--green)}.ci-shop-by-scene .sbs-scene-section{background:#f7f9f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ci-shop-by-scene .sbs-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.ci-shop-by-scene .sbs-scene-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 16px #141c2109;transition:.22s}.ci-shop-by-scene .sbs-scene-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.ci-shop-by-scene .sbs-scene-img{position:relative;height:245px;overflow:hidden}.ci-shop-by-scene .sbs-scene-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.ci-shop-by-scene .sbs-scene-card:hover img{transform:scale(1.035)}.ci-shop-by-scene .sbs-scene-img:after{content:"";position:absolute;top:52%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000bd)}.ci-shop-by-scene .sbs-scene-title{position:absolute;left:17px;bottom:14px;color:#fff;z-index:2;font-size:19px;font-weight:900}.ci-shop-by-scene .sbs-scene-body{padding:15px 17px 18px}.ci-shop-by-scene .sbs-scene-list{font-size:13px;line-height:1.55;min-height:38px}.ci-shop-by-scene .sbs-scene-action{margin-top:10px;font-size:12px}@media(max-width:1100px){.ci-shop-by-scene .sbs-scene-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ci-shop-by-scene .sbs-container{width:min(var(--max),calc(100% - 24px))}.ci-shop-by-scene .sbs-section{padding:50px 0}.ci-shop-by-scene .sbs-section-title{font-size:30px}.ci-shop-by-scene .sbs-scene-grid{grid-template-columns:1fr}}.ci-shop-by-scene .sbs-scene-card{display:block}.ci-shop-by-scene .sbs-scene-list{color:#697177;text-decoration:none;font-weight:500}.ci-shop-by-scene .sbs-scene-list a{color:#697177;text-decoration:none;transition:color .16s ease}.ci-shop-by-scene .sbs-scene-list a:hover{color:var(--green);text-decoration:none}.ci-shop-by-scene .sbs-scene-action{display:inline-block;color:var(--green);font-weight:850;transition:color .16s ease}.ci-shop-by-scene .sbs-scene-action:hover{color:var(--greenDark)}.ci-shop-by-scene .sbs-scene-main-link{display:block;color:inherit;text-decoration:none}@media(max-width:940px){.ci-shop-by-scene .sbs-container{width:calc(100% - 32px)!important;max-width:760px;min-width:0}.ci-shop-by-scene .sbs-section{padding-top:52px!important;padding-bottom:52px!important}.ci-shop-by-scene .sbs-section-title{font-size:clamp(27px,5.8vw,36px)!important;line-height:1.16!important;letter-spacing:-.035em}.ci-shop-by-scene .sbs-section-sub{font-size:15px!important;line-height:1.65!important}.ci-shop-by-scene .sbs-section-sub br{display:none}.ci-shop-by-scene .sbs-container input:not([type=checkbox]):not([type=radio]){font-size:16px!important;max-width:100%;min-width:0}.ci-shop-by-scene .sbs-container select,.ci-shop-by-scene .sbs-container textarea{font-size:16px!important;max-width:100%;min-width:0}.ci-shop-by-scene .sbs-container input:not([type=checkbox]):not([type=radio]){min-height:44px}.ci-shop-by-scene .sbs-container select{min-height:44px}.ci-shop-by-scene .sbs-container input[type=checkbox],.ci-shop-by-scene .sbs-container input[type=radio]{width:20px;height:20px}.ci-shop-by-scene .sbs-container a,.ci-shop-by-scene .sbs-container button{touch-action:manipulation}.ci-shop-by-scene .sbs-container p{overflow-wrap:break-word}.ci-shop-by-scene .sbs-container img{max-width:100%}.ci-shop-by-scene .sbs-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}.ci-shop-by-scene .sbs-scene-img{height:auto;aspect-ratio:1.2}.ci-shop-by-scene .sbs-scene-title{font-size:16px;left:12px;bottom:12px;right:10px;line-height:1.15}.ci-shop-by-scene .sbs-scene-body{padding:12px}.ci-shop-by-scene .sbs-scene-list{font-size:12px;min-height:0}.ci-shop-by-scene .sbs-scene-action{font-size:12px}}@media(max-width:560px){.ci-shop-by-scene .sbs-scene-img{aspect-ratio:1}.ci-shop-by-scene .sbs-scene-title{font-size:15px}.ci-shop-by-scene .sbs-scene-list{display:none}.ci-shop-by-scene .sbs-scene-action{margin-top:0}.ci-shop-by-scene .sbs-scene-img:after{top:35%;right:0;bottom:0;left:0}}@media(max-width:360px){.ci-shop-by-scene .sbs-container{width:calc(100% - 24px)!important}}@media(hover:none){.ci-shop-by-scene .sbs-scene-card:hover,.ci-shop-by-scene .sbs-scene-card:hover img{transform:none!important}}@media(prefers-reduced-motion:reduce){.ci-shop-by-scene .sbs-scene-card,.ci-shop-by-scene .sbs-scene-img img{transition:none}.ci-shop-by-scene .sbs-scene-card:hover,.ci-shop-by-scene .sbs-scene-card:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-by-scene.css.map */