/* Best of Canvas - WordPress additions */
body{font-family:Poppins,sans-serif}
.boc-page-title{font-size:28px;font-weight:600;margin:10px 0 20px}
.boc-wc .woocommerce-breadcrumb{font-size:13px;margin-bottom:15px}
.boc-wc ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0}
.boc-wc ul.products::before,.boc-wc ul.products::after{display:none}
.boc-wc ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:center;border:1px solid #eee;border-radius:8px;padding:10px;background:#fff}
.boc-wc ul.products li.product img{border-radius:6px;aspect-ratio:1/1;object-fit:contain;background:#fafafa}
.boc-wc ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:500;color:#222;min-height:40px}
.boc-wc ul.products li.product .price{color:#e31e24;font-weight:600}
.boc-wc .button,.boc-wc button.button,.boc-wc .single_add_to_cart_button{background:#e31e24!important;color:#fff!important;border-radius:6px!important;text-transform:uppercase;font-weight:600}
.boc-wc .product_title{font-size:26px;font-weight:600}
.boc-wc div.product .summary .price{font-size:24px;color:#e31e24;font-weight:600}
.boc-wc table.variations select{min-width:220px;padding:8px;border:1px solid #ddd;border-radius:6px}
@media(max-width:991px){.boc-wc ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.boc-wc ul.products{grid-template-columns:repeat(2,1fr);gap:10px}}

/* coupon bar */
.boc-coupon{background:#111!important;color:#fff!important}
.boc-coupon *{color:#fff!important}
.boc-coupon b{background:transparent!important;color:#FFD400!important;font-weight:800!important;letter-spacing:.5px;border:1px dashed #FFD400;border-radius:4px;padding:1px 7px}

/* ===== home: professional bottom section ===== */
.boc-pro{background:#faf7f2;padding:64px 16px 56px;margin-top:30px;border-top:1px solid #eee}
.boc-pro-in{max-width:1180px;margin:0 auto}
.boc-pro-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c52626;margin-bottom:8px}
.boc-pro h2{font-size:32px;font-weight:700;color:#141414;margin:0 0 12px;line-height:1.2}
.boc-pro-head{text-align:center;max-width:720px;margin:0 auto 36px}
.boc-pro-head p{font-size:16px;color:#555;line-height:1.6;margin:0}
.boc-pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.boc-pro-card{background:#fff;border-radius:14px;padding:26px 22px;box-shadow:0 2px 14px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}
.boc-pro-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.boc-pro svg{width:40px;height:40px;fill:none;stroke:#c52626;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.boc-pro-card svg{background:#fdecec;border-radius:50%;padding:9px;width:52px;height:52px;margin-bottom:14px}
.boc-pro-card h3{font-size:17px;font-weight:700;margin:0 0 6px;color:#141414}
.boc-pro-card p{font-size:14px;color:#5b5b5b;line-height:1.55;margin:0}
.boc-pro-card a{color:#c52626;font-weight:600}
.boc-pro-steps{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:48px;align-items:stretch}
.boc-pro-steps-txt{background:#fff;border-radius:14px;padding:32px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.boc-pro-steps ol{list-style:none;counter-reset:s;padding:0;margin:18px 0 24px}
.boc-pro-steps li{counter-increment:s;position:relative;padding:0 0 18px 58px}
.boc-pro-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#c52626;color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.boc-pro-steps li b{display:block;font-size:16px;color:#141414}
.boc-pro-steps li span{font-size:14px;color:#5b5b5b;line-height:1.5}
.boc-pro-btn{display:inline-block;background:#c52626;color:#fff!important;font-weight:700;padding:13px 26px;border-radius:8px;text-decoration:none!important;transition:background .2s}
.boc-pro-btn:hover{background:#a51e1e}
.boc-pro-tips{background:#141414;color:#fff;border-radius:14px;padding:32px}
.boc-pro-tips h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 14px}
.boc-pro-tips ul{margin:0;padding:0;list-style:none}
.boc-pro-tips li{position:relative;padding:0 0 14px 26px;font-size:14.5px;line-height:1.55;color:#e9e9e9}
.boc-pro-tips li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:#FFD400}
.boc-pro-tips b{color:#FFD400}
.boc-pro-pay{margin-top:40px;background:#fff;border-radius:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.boc-pro-pay-t{display:flex;align-items:center;gap:14px}
.boc-pro-pay-t svg{width:34px;height:34px;stroke:#1a8f3c}
.boc-pro-pay-t b{display:block;font-size:16px;color:#141414}
.boc-pro-pay-t span{font-size:13px;color:#666}
.boc-pro-badges{display:flex;flex-wrap:wrap;gap:8px}
.boc-pro-badges span{border:1px solid #e3e3e3;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;color:#333;background:#fafafa;letter-spacing:.3px}
/* tags as chips */
.boc-tags h4,.boc-tags h5,.boc-tags h3,.boc-tags .title{font-size:20px;font-weight:700;margin:30px 0 14px}
.boc-tags ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none;columns:auto!important}
.boc-tags li{margin:0!important;width:auto!important}
.boc-tags a{display:inline-block;border:1px solid #e5e5e5;border-radius:20px;padding:6px 14px;font-size:13px;color:#333!important;background:#fff;transition:all .2s}
.boc-tags a:hover{border-color:#c52626;color:#c52626!important}
@media(max-width:991px){.boc-pro-grid{grid-template-columns:repeat(2,1fr)}.boc-pro-steps{grid-template-columns:1fr}}
@media(max-width:575px){.boc-pro{padding:44px 14px}.boc-pro h2{font-size:24px}.boc-pro-grid{grid-template-columns:1fr}.boc-pro-steps-txt,.boc-pro-tips{padding:24px}.boc-pro-pay{padding:18px}}

.boc-pro-tips .boc-hl{color:#FFD400!important;font-weight:700;display:inline!important}