.byld-section{background:var(--byld-bg,#fff);padding:var(--byld-pt,64px) 0 var(--byld-pb,64px);color:#2b2f2a}
.byld-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.byld-eyebrow{font-family:var(--font-body--family);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2d5016;margin:0 0 10px}
.byld-h2{font-family:var(--font-heading--family);font-weight:700;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);line-height:1.15;color:#1c1c1c;margin:0}
.byld-sub{margin:10px 0 0;font-size:1.05rem;line-height:1.5;color:#5b5f58;max-width:560px}
.byld-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:6px;font-family:var(--font-body--family);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s}
.byld-btn--primary{background:#2d5016;color:#fff;border-color:#2d5016}
.byld-btn--primary:hover{background:#3d6b1f;border-color:#3d6b1f;color:#fff}
.byld-btn--outline{background:transparent;color:#1c1c1c;border-color:#1c1c1c}
.byld-btn--outline:hover{background:#1c1c1c;color:#fff}
.byld-btn[disabled]{opacity:.55;cursor:not-allowed}
.byld-btn.is-loading .byld-btn__label{opacity:.55}
.byld-btn--block{width:100%}
.byld-link{font-size:.9rem;font-weight:600;color:#2d5016;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.byld-link:hover{color:#3d6b1f}
.byld-atc-error{color:#b42318;font-size:.85rem;margin:8px 0 0}
.byld-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-weight:700;font-size:1.2rem;color:#1c1c1c}
.byld-price s{font-weight:400;font-size:.95rem;color:#8a8d86}
.byld-badge{background:#1c1c1c;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:4px;line-height:1.2}
.byld-badge--sale{background:#b42318}
.byld-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#2d5016;background:#eef3e2;border-radius:999px;padding:5px 12px;width:fit-content}
.byld-ps__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.byld-ps__grid{display:grid;grid-template-columns:repeat(var(--byld-cols,3),minmax(0,1fr));gap:24px}
.byld-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e3da;border-radius:12px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.byld-card:hover{box-shadow:0 14px 32px rgba(28,28,28,.10);transform:translateY(-3px)}
.byld-card__media{position:relative;display:block;aspect-ratio:1/1;background:#f4f3ee;overflow:hidden}
.byld-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--byld-fit,cover);transition:opacity .35s,transform .5s}
.byld-card__img--hover{opacity:0}
.byld-card:hover .byld-card__img--hover{opacity:1}
.byld-card:hover .byld-card__img{transform:scale(1.03)}
.byld-card__badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.byld-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;flex:1}
.byld-card__title{font-family:var(--font-heading--family);font-size:1.05rem;font-weight:700;line-height:1.3;color:#1c1c1c;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.byld-card__title:hover{color:#2d5016}
.byld-card__benefit{margin:0;font-size:.92rem;line-height:1.45;color:#5b5f58}
.byld-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:8px}
.byld-card__actions form,.byld-card__actions>.byld-btn{width:100%}
.byld-sp__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.byld-sp--reverse .byld-sp__media{order:2}
.byld-sp__media{position:relative;aspect-ratio:var(--byld-ratio,4/3);border-radius:14px;overflow:hidden;background:var(--byld-img-bg,#fff)}
.byld-sp__media img{width:100%;height:100%;object-fit:var(--byld-fit,contain);display:block}
.byld-sp__content{display:flex;flex-direction:column;gap:16px;max-width:520px}
.byld-sp__text{font-size:1.02rem;line-height:1.6;color:#454941}
.byld-sp__text p{margin:0}
.byld-features{list-style:none;margin:2px 0;padding:0;display:grid;gap:10px}
.byld-features li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem;line-height:1.45;color:#2b2f2a}
.byld-features svg{flex:0 0 20px;margin-top:1px;color:#2d5016}
.byld-sp__buy{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-top:4px}
.byld-sp__buy .byld-btn{flex:1;min-width:200px}
.byld-select{min-height:50px;border:1.5px solid #cfccc2;border-radius:6px;padding:0 12px;font-size:1rem;background:#fff;width:100%}
.byld-qty{display:inline-flex;align-items:center;border:1.5px solid #cfccc2;border-radius:6px;height:50px;background:#fff}
.byld-qty button{width:42px;height:100%;background:none;border:0;font-size:1.2rem;cursor:pointer;color:#1c1c1c}
.byld-qty input{width:40px;text-align:center;border:0;font-size:1rem;background:transparent;-moz-appearance:textfield;appearance:textfield}
.byld-qty input::-webkit-outer-spin-button,.byld-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.byld-story__grid{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:72px;align-items:center;justify-content:center}
.byld-story--reverse .byld-story__media{order:2}
.byld-story__media{position:relative;padding-bottom:48px;max-width:440px;width:100%;justify-self:center}
.byld-story__img1{width:78%;aspect-ratio:4/5;border-radius:14px;overflow:hidden}
.byld-story__img2{position:absolute;right:0;bottom:0;width:56%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:6px solid var(--byld-bg,#fff);box-shadow:0 14px 30px rgba(0,0,0,.14)}
.byld-story__media img{width:100%;height:100%;object-fit:cover;display:block}
.byld-story__content{display:flex;flex-direction:column;gap:16px;max-width:560px}
.byld-story__content .byld-sp__text p+p{margin-top:.7em}
.byld-highlights{list-style:none;padding:0;margin:2px 0;display:flex;flex-wrap:wrap;gap:10px}
.byld-highlights li{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e0d8;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600;color:#1c1c1c}
.byld-highlights svg{color:#2d5016}
.byld-btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
@media (min-width:750px) and (max-width:989px){.byld-ps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.byld-sp__grid,.byld-story__grid{grid-template-columns:1fr;gap:32px}.byld-sp--reverse .byld-sp__media,.byld-story--reverse .byld-story__media{order:0}.byld-sp__content,.byld-story__content{max-width:none}.byld-story__media{max-width:360px}}
@media (max-width:749px){.byld-section{padding:calc(var(--byld-pt,64px)*.7) 0 calc(var(--byld-pb,64px)*.7)}.byld-ps__head{flex-direction:column;align-items:flex-start;margin-bottom:22px}.byld-ps__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}.byld-ps__grid::-webkit-scrollbar{display:none}.byld-ps__grid>.byld-card{flex:0 0 80%;scroll-snap-align:start}.byld-ps__grid>.byld-card:hover{transform:none}}