:root{--bb-bg:#fffaf3;--bb-ink:#2f2018;--bb-brown:#4b2c19;--bb-line:#e7d9c8;--bb-coral:#d95e56;--bb-green:#7f9c30;--bb-max:1400px}
*{box-sizing:border-box}.bonesb-shop-home{background:#fff;color:var(--bb-ink)}.bb-wrap{width:min(calc(100% - 36px),var(--bb-max));margin:auto}

.bb-slider{position:relative;overflow:hidden;background:#f6ecdf;aspect-ratio:16/9}
.bb-slider-track,.bb-slide,.bb-slide-link,.bb-slide picture{position:absolute;inset:0}
.bb-slide{opacity:0;pointer-events:none;transition:opacity .35s ease}
.bb-slide.is-active{opacity:1;pointer-events:auto;z-index:2}
.bb-slide-link,.bb-slide picture{display:block}
.bb-slide img{width:100%;height:100%;object-fit:cover;display:block}
.bb-slide-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:30px;text-align:center;background:linear-gradient(135deg,#eedfce,#fff8ef);color:#8c7d70}
.bb-slide-placeholder small{font-size:12px}

.bb-arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:34px;line-height:1;box-shadow:0 5px 18px #0002;cursor:pointer}
.prev{left:18px}.next{right:18px}
.bb-dots{position:absolute;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px}
.bb-dots button{width:12px;height:12px;padding:0;border-radius:50%;border:1px solid #9e9083;background:#fff}
.bb-dots .is-active{background:var(--bb-coral);border-color:var(--bb-coral)}

.bb-quick{border-bottom:1px solid var(--bb-line)}
.bb-quick .bb-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0}
.bb-quick a{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:16px 18px;border:1px solid var(--bb-line);border-radius:12px;background:#fffaf3;text-decoration:none}
.bb-quick a>span{grid-row:1/3;font-size:28px}.bb-quick small{grid-column:2;color:#76685e}

.bb-section{padding:76px 0}.bb-heading{text-align:center;margin-bottom:34px}
.bb-heading p{font-size:12px;letter-spacing:.14em;color:#7c6c60;margin-bottom:6px}
.bb-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:34px;margin:0 0 6px}
.bb-heading span{font-size:13px;color:#75675e}

.bb-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bb-products article{position:relative;border:1px solid var(--bb-line);border-radius:14px;overflow:hidden;text-align:center;padding-bottom:16px;background:#fff}
.bb-product-img img,.bb-ph{width:100%;aspect-ratio:1.25/1;object-fit:cover;background:linear-gradient(135deg,#f1e2d1,#fff8ef);display:grid;place-items:center;color:#8c7b6d}
.bb-products h3{font-size:15px;margin:14px 12px 6px}.bb-price{font-size:20px;font-weight:800;color:#b24b20;margin:6px 0 10px}
.bb-cart{display:inline-flex;padding:8px 18px;border:1px solid var(--bb-brown);border-radius:999px;text-decoration:none;font-size:12px}
.bb-label{position:absolute;z-index:2;top:10px;left:10px;padding:7px 10px;border-radius:999px;color:#fff;font-size:11px}.gold{background:#b58a31}.black{background:#111}
.bb-center{text-align:center;margin-top:28px}.bb-btn{display:inline-flex;padding:11px 26px;border-radius:999px;text-decoration:none}.bb-btn-dark{background:var(--bb-brown);color:#fff}

.bb-dogs{background:#fff9f3}.bb-dog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bb-dog-grid div span{display:grid;place-items:center;aspect-ratio:1/1;border-radius:14px;background:linear-gradient(135deg,#ead8c8,#fff7ef);color:#8c796c}
.bb-dog-grid p{text-align:center;font-size:11px;margin-top:-16px;position:relative;background:#fff;border:1px solid var(--bb-line);border-radius:18px;padding:8px}

.bb-trust{background:#f5ede3}.bb-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bb-trust-grid article{background:#fff;border:1px solid var(--bb-line);border-radius:14px;padding:22px;text-align:center}
.bb-trust-grid span{font-size:36px}.bb-trust-grid h3{font-size:16px}.bb-trust-grid p{font-size:12px;color:#75675e}

.bb-service{border-top:1px solid var(--bb-line)}.bb-service .bb-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.bb-service div{text-align:center;padding:19px 12px;border-right:1px solid var(--bb-line);font-size:12px}.bb-service div:last-child{border-right:0}
.custom-logo{max-height:72px;width:auto}

@media(max-width:980px){
  .bb-products{grid-template-columns:repeat(2,1fr)}
  .bb-trust-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
  .bb-slider{aspect-ratio:4/5}
  .bb-slide img{object-fit:cover}
  .bb-arrow{width:42px;height:42px;font-size:30px}
  .prev{left:10px}.next{right:10px}.bb-dots{bottom:14px}
  .bb-quick .bb-wrap{grid-template-columns:1fr}
  .bb-products{grid-template-columns:1fr 1fr;gap:12px}
  .bb-dog-grid{grid-template-columns:1fr 1fr}
  .bb-trust-grid{grid-template-columns:1fr 1fr}
  .bb-service .bb-wrap{grid-template-columns:1fr 1fr}
}

@media(max-width:480px){
  .bb-products{grid-template-columns:1fr}
  .bb-trust-grid{grid-template-columns:1fr}
}