@font-face { font-family: "BTA Chewy"; src: url("../fonts/Chewy-Regular.ttf") format("truetype"); }
@font-face { font-family: "BTA Poppins"; src: url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { font-family: "NLA Comic"; src: url("../fonts/ComicNeue-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { font-family: "NLA Rounded"; src: url("../fonts/Nunito-Bold.ttf") format("truetype"); font-weight: 700; }
body.bta-bag-tags .bta-form { margin: 12px 0 16px; }
body.bta-bag-tags .bta-lead { color: #e25b4a; font-weight: 800; }
body.bta-bag-tags .bta-field label { display: flex; justify-content: space-between; font-weight: 700; }
body.bta-bag-tags .bta-field input { width: 100%; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px; }
body.bta-bag-tags .bta-packs { display: flex; align-items: center; gap: 8px; font-weight: 700; }
body.bta-bag-tags .bta-step { width: 36px; height: 36px; border: 0; background: #eef1f4; color: #1f2a37 !important; font-size: 22px; border-radius: 8px; }
body.bta-bag-tags #bta-packs-num { min-width: 28px; text-align: center; }
body.bta-bag-tags .bta-total { font-weight: 800; color: #e25b4a; }
body.bta-bag-tags .bta-cats, body.bta-bag-tags .bta-fonts { display: flex; flex-wrap: wrap; gap: 8px; }
body.bta-bag-tags .bta-cat, body.bta-bag-tags .bta-fonts button, body.bta-bag-tags #bta-no-icon {
	border: 1.5px solid #e5e7eb; background: #fff; border-radius: 999px; padding: 8px 12px; color: #1f2a37 !important;
}
body.bta-bag-tags .bta-fonts button.is-on { background: #f07b6a; color: #fff !important; border-color: #f07b6a; }
body.bta-bag-tags .bta-slot { min-height: 140px; margin-top: 10px; border: 1px dashed #d7e7e4; border-radius: 14px; background: #f7fbfb; padding: 12px; }
body.bta-bag-tags .bta-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
body.bta-bag-tags .bta-img { border: 2px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 4px; }
body.bta-bag-tags .bta-img img { width: 100%; height: 64px; object-fit: contain; }
body.bta-bag-tags .bta-img.is-on { border-color: #2ec4b6; }
body.bta-bag-tags .bta-swatch { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #e5e7eb; margin: 4px; }
body.bta-bag-tags .bta-swatch.is-on { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2ec4b6; }
body.bta-bag-tags .bta-preview {
	width: 280px; height: 120px; border-radius: 10px; display: flex; align-items: center; gap: 10px;
	padding: 10px 14px; margin-top: 12px; background: #bbdefb;
}
body.bta-bag-tags .bta-prev-icon img { width: 76px; height: 60px; object-fit: contain; }
body.bta-bag-tags .bta-prev-name { font-weight: 800; font-size: 22px; line-height: 1.1; }
body.bta-bag-tags form.cart .quantity { display: none !important; }
@media (max-width: 768px) {
	body.bta-bag-tags .summary, body.bta-bag-tags .bta-form { padding-left: 14px; padding-right: 14px; box-sizing: border-box; }
}

body.bta-bag-tags .bta-swatch {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	line-height: 28px !important;
}
body.bta-bag-tags .bta-step {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	padding: 0 !important;
	border-radius: 0 !important;
	line-height: 36px !important;
}

body.bta-bag-tags .bta-preview { justify-content: flex-start; }
body.bta-bag-tags .bta-prev-name { flex: 1; max-width: 170px; overflow: hidden; font-size: 26px; line-height: 1.05; }



body.bta-bag-tags .woocommerce-tabs li.description_tab,
body.bta-bag-tags #tab-description { display: none !important; }
body.bta-bag-tags .bta-under-gallery { margin-top: 16px; }
body.bta-bag-tags .bta-long h2, body.bta-bag-tags .bta-long h3 { color: #f07b6a; }
body.bta-bag-tags div.product { padding-top: 18px; }
@media (min-width: 861px) {
	body.bta-bag-tags .content-single-wrapper {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 40px;
		align-items: start;
	}
	body.bta-bag-tags .content-single-wrapper .woocommerce-product-gallery {
		grid-column: 1;
		grid-row: 1;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}
	body.bta-bag-tags .content-single-wrapper .woocommerce-product-gallery img {
		width: 100% !important;
		height: auto !important;
	}
	body.bta-bag-tags .content-single-wrapper .summary {
		grid-column: 2;
		grid-row: 1;
		width: 100% !important;
		float: none !important;
	}
	body.bta-bag-tags .content-single-wrapper .bta-under-gallery { grid-column: 1; grid-row: 2; }
}
@media (max-width: 860px) {
	body.bta-bag-tags .woocommerce-product-gallery,
	body.bta-bag-tags div.product .summary,
	body.bta-bag-tags .bta-under-gallery {
		float: none !important;
		width: 100% !important;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	body.bta-bag-tags div.product { padding-left: 14px; padding-right: 14px; }
}

body.bta-bag-tags .bta-sizes button.is-on { background:#f07b6a; color:#fff !important; border-color:#f07b6a; }
body.bta-bag-tags .bta-sizes { display:flex; gap:8px; }
body.bta-bag-tags .bta-sizes button { border:1.5px solid #e5e7eb; background:#fff; border-radius:999px; padding:8px 12px; color:#1f2a37 !important; }

body.bta-bag-tags .bta-back { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; font-weight:700; }
body.bta-bag-tags .bta-back em { font-style:normal; }

body.bta-bag-tags .bta-ico { display:flex; align-items:center; gap:6px; color:#111; }
body.bta-bag-tags .bta-ico svg { flex:0 0 auto; }

body.bta-bag-tags .bta-field label { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; align-items:baseline; }
body.bta-bag-tags .bta-field label span { font-weight:500; color:#6b7280; }
body.bta-bag-tags .bta-field input[type="text"],
body.bta-bag-tags .bta-field input[type="checkbox"] { max-width:100%; }
body.bta-bag-tags #bta-back-fields[hidden],
body.bta-bag-tags #bta-back[hidden],
body.bta-bag-tags #bta-back-title[hidden] { display:none !important; }
body.bta-bag-tags #bta-back-fields { margin:8px 0 12px; padding:12px; border:1px solid #e5e7eb; border-radius:12px; background:#fafafa; }
body.bta-bag-tags .bta-preview,
body.bta-bag-tags .bta-back { width:100%; max-width:320px; box-sizing:border-box; }
body.bta-bag-tags .bta-back { align-items:flex-start; gap:8px; padding:12px 14px; }
body.bta-bag-tags .bta-ico { max-width:100%; word-break:break-word; }
@media (max-width: 768px) {
	body.bta-bag-tags .bta-form,
	body.bta-bag-tags .summary,
	body.bta-bag-tags #bta-back-fields { padding-left:14px; padding-right:14px; box-sizing:border-box; }
	body.bta-bag-tags .bta-preview,
	body.bta-bag-tags .bta-back { max-width:100%; }
	body.bta-bag-tags .bta-field label { font-size:14px; }
	body.bta-bag-tags .bta-cats,
	body.bta-bag-tags .bta-fonts,
	body.bta-bag-tags .bta-sizes { width:100%; }
}

body.bta-bag-tags .bta-back-opt { margin: 14px 0; text-align: left; }
body.bta-bag-tags .bta-back-opt label {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 12px 14px;
	border: 2px solid #f07b6a;
	border-radius: 12px;
	background: #fff5f3;
	color: #1f2a37 !important;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
}
body.bta-bag-tags .bta-back-opt input[type="checkbox"] {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px;
	margin: 0 !important;
	accent-color: #f07b6a;
	flex: 0 0 auto;
}

body.bta-bag-tags .bta-back, body.bta-bag-tags .bta-back em, body.bta-bag-tags .bta-ico { color: inherit; }

body.bta-bag-tags .bta-back { gap: 1px !important; padding: 6px 8px !important; line-height: 1.05; justify-content: center; }
body.bta-bag-tags .bta-ico { line-height: 1.05; }

body.bta-bag-tags .bta-preview, body.bta-bag-tags .bta-back {
	display:flex !important; align-items:center !important; justify-content:center !important;
	padding: 8px 10px 8px 28px !important; position:relative;
}
body.bta-bag-tags .bta-hole { position:absolute; left:10px; top:50%; width:8px; height:8px; margin-top:-4px; border:1.5px solid currentColor; border-radius:50%; opacity:.45; }
body.bta-bag-tags .bta-front-group { display:flex; align-items:center; gap:8px; max-width:calc(100% - 18px); }
body.bta-bag-tags .bta-back-group { display:flex; flex-direction:column; align-items:flex-start; gap:1px; line-height:1.05; }
body.bta-bag-tags .bta-prev-name { width:auto !important; text-align:left !important; }

body.bta-bag-tags .bta-hole { display:none !important; }

body.bta-bag-tags .bta-preview, body.bta-bag-tags .bta-back { padding: 10px 10px 8px 16px !important; }

body.bta-bag-tags #bta-preview { display:flex !important; align-items:center !important; justify-content:center !important; }
body.bta-bag-tags .bta-front-group { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px; width:auto !important; margin:0 auto; }
body.bta-bag-tags .bta-prev-name { width:auto !important; text-align:left !important; }
body.bta-bag-tags .bta-prev-icon img { width:auto; height:auto; object-fit:contain; }

.mbs-wa { margin: 16px 0; }
.mbs-wa-btn { display:inline-flex; align-items:center; gap:8px; background:#25D366; color:#fff !important; font-weight:800; border-radius:999px; padding:12px 16px; text-decoration:none; }
.mbs-wa-btn:hover { background:#1ebe5d; color:#fff !important; }

.mbs-wa { margin: 22px 0 8px; padding: 16px 18px; border: 2px solid #25D366; border-radius: 16px; background: #f3fff7; }
.mbs-wa h3 { margin: 0 0 6px; color: #128C7E; }
.mbs-wa p { margin: 0 0 12px; }
.mbs-wa-btn { display:inline-flex; align-items:center; background:#25D366; color:#fff !important; font-weight:800; border-radius:999px; padding:12px 16px; text-decoration:none; }

.mbs-wa { order: 50; width: 100%; clear: both; }
@media (max-width: 768px) { .mbs-wa { margin-top: 18px; } }

.mbs-another { margin: 18px 0; padding: 16px 18px; border: 2px solid #0f766e; border-radius: 16px; background: #f0fdfa; clear: both; }
.mbs-another h3 { margin: 0 0 6px; color: #0f766e; }
.mbs-another p { margin: 0 0 12px; }
.mbs-another button { background: #0f766e; color: #fff !important; border: 0; border-radius: 999px; padding: 12px 18px; font-weight: 800; }

.bta-image-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bta-upload-btn { display: inline-flex; background: #fff; color: #1f2a37; font-weight: 600; border: 1.5px solid #e5e7eb; border-radius: 999px; padding: 8px 14px; cursor: pointer; }
.bta-upload-note { display: none; margin: 6px 0; font-size: 13px; color: #4b5563; }
.bta-upload-note.is-on { display: block; }

.bta-under-image { display: none; }
@media (min-width: 769px) {
	.bta-under-image { display: block; margin-top: 24px; clear: both; }
	.bta-description, .bta-after-custom, .bta-under-gallery { display: none !important; }
}

.bta-img.is-dark { background: #111 !important; }

.nla-img-btn.is-dark img, .ila-img-btn.is-dark img, .bta-img.is-dark img { filter: brightness(0) invert(1); }

body.bta-bag-tags .bta-field label:has(#bta_mix) { justify-content: flex-start; gap: 8px; align-items: center; }
body.bta-bag-tags #bta_mix { width: auto; margin: 0; }

#bta-preview-2[hidden], #bta-preview-3[hidden], #bta-back-2[hidden], #bta-back-3[hidden] { display: none !important; }
