/* yukimi（雪見ドール）：源站 kuma chrome 与 OC 公共 bootstrap5.1/默认 style.css 的冲突修正 + 去品牌补丁（2026-10-12 B 组） */
header{padding:0}
header .logo img{display:block;height:81px;width:auto;max-width:100%}
/* public bootstrap 5.1 的 .order-3 等工具类带 !important，压过了源站 tailwind 的 md:order-*，导致搜索框跑到右侧 */
@media (min-width:768px){
  header .md\:order-2{order:2!important}
  header .md\:order-3{order:3!important}
  header .md\:col-span-6{grid-column:span 6/span 6!important}
  header .md\:col-span-3{grid-column:span 3/span 3!important}
}
/* bootstrap 5.1 的 .offcanvas-start 无条件 translateX(-100%)，源站 5.3 的 offcanvas-xl 在 ≥1200 不该位移 */
@media (min-width:1200px){
  .navbar-main .offcanvas-xl{transform:none!important;visibility:visible!important;position:static!important;background:transparent;border:0;width:auto;z-index:auto}
  .navbar-main .offcanvas-xl .offcanvas-header{display:none}
  .navbar-main .offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background:transparent!important}
}
footer .sg-copyright{background:#f3f4f6;margin-top:24px;padding:16px 0 20px;text-align:center;font-size:14px;line-height:1.7;color:#333}
footer .footer-list span{color:#555;cursor:default}
#sg-comment-modal .modal-dialog .modal-content>button.btn-red-hover{position:absolute;top:1px;right:1px;z-index:9}
#sg-comment-modal .modal-dialog .modal-content>button.btn-red-hover>img{width:15px;height:15px}
/* 首页（取源站 kuma 版式） */
.yk-home{padding:20px 0 40px;font-family:"Noto Sans JP","Hiragino Sans",sans-serif}
.yk-top{display:flex;gap:16px;margin-bottom:16px;height:530px}
.yk-carousel{position:relative;flex:0 0 calc(80% - 8px);border-radius:8px;overflow:hidden;background:#f3d6df}
.yk-carousel__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.yk-carousel__track::-webkit-scrollbar{display:none}
.yk-carousel__item{flex:0 0 33.334%;scroll-snap-align:start}
.yk-carousel__item img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.yk-carousel__nav{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border:0;background:#e8336f;color:#fff;font-size:26px;line-height:38px;opacity:.85}
.yk-carousel__nav.prev{left:0}.yk-carousel__nav.next{right:0}
.yk-side{flex:1;display:flex;flex-direction:column;gap:16px}
.yk-promo{position:relative;flex:1;border-radius:8px;overflow:hidden;background:#f6e7e2;display:block}
.yk-promo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.75}
.yk-promo span{position:absolute;left:10%;right:10%;top:50%;transform:translateY(-50%);text-align:center;background:rgba(255,255,255,.88);border:2px solid #222;padding:10px 6px}
.yk-promo b{display:block;color:#d81b4a;font-size:22px;font-weight:900}
.yk-promo small{display:block;color:#222;font-weight:700;font-size:12px}
.yk-promo--pink span{border-color:#e8336f}
.yk-intro{background:#fbe3ea;border-radius:12px;padding:14px;margin-bottom:16px}
.yk-intro h2{background:#fff;border-radius:10px 10px 0 0;margin:0;padding:24px 20px 10px;text-align:center;color:#e8336f;font-size:28px;font-weight:900}
.yk-intro p{background:#fff;border-radius:0 0 10px 10px;margin:0;padding:6px 40px 26px;text-align:center;color:#333;font-size:15px;line-height:1.9}
.yk-products{background:#fbe3ea;border-radius:12px;padding:20px 16px}
.yk-stitle{text-align:center;color:#e8336f;font-size:32px;font-weight:900;text-decoration:underline;text-underline-offset:8px;margin:6px 0 14px}
.yk-sdesc{color:#333;font-size:15px;line-height:1.8;margin:0 0 18px}
.yk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.yk-card{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:12px;text-decoration:none}
.yk-card__img{position:relative;display:block;aspect-ratio:2/3;overflow:hidden}
.yk-card__img img{width:100%;height:100%;object-fit:cover}
.yk-card__img em{position:absolute;right:8px;top:8px;background:#f5e35b;color:#d81b4a;font-style:normal;font-weight:900;font-size:12px;padding:2px 8px;border-radius:4px}
.yk-card__name{margin:10px 12px 6px;color:#222;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yk-card__price{margin:0 12px;color:#e8336f;font-weight:700}.yk-card__price del{color:#999;font-weight:400}
@media (max-width:991px){.yk-top{flex-direction:column;height:auto}.yk-carousel{flex-basis:auto}.yk-carousel__track{height:380px}.yk-side{flex-direction:row;height:160px}.yk-grid{grid-template-columns:repeat(2,1fr)}}