.bull-list {
	--range-thumb:var(--primary);
	--range-track:var(--fields);
	--range-track2:color-mix(in hsl, var(--fields), #000 15%);
	--range-label:var(--text-color);
	--field-group:color-mix(in hsl, var(--fields), transparent 70%);
}

/* Range Input */
.range {display:flex; align-items:center; position:relative;}
.range-value {-moz-appearance:textfield; appearance:textfield; border:none; background:none; padding-left:8px; padding-right:8px; box-sizing:border-box; width:60px; margin:0; font-size:16px; color:var(--labels); font-weight:600; transition:background 0.3s;}
.range-value:before {content:attr(data-pre);}
.range-value:after {content:attr(data-post);}
.range-value::-webkit-inner-spin-button,
.range-value::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
input.range-value:hover,
input.range-value:focus {background:color-mix(in srgb, var(--fields), transparent 30%);}

input[type=range] {appearance:none; -webkit-appearance:none; width:100%; height:60px; font-size:20px; padding:0; margin:0; background:transparent; cursor:pointer;}

input[type=range]::-webkit-slider-thumb {width:1em; height:1em; border-radius:0.5em; background:var(--range-thumb); cursor:pointer; border:none; margin-top:calc((1em - 8px) / -2); -webkit-appearance:none;}
input[type=range]::-moz-range-thumb     {width:1em; height:1em; border-radius:0.5em; background:var(--range-thumb); cursor:pointer; border:none;}
input[type=range]::-ms-thumb            {width:1em; height:1em; border-radius:0.5em; background:var(--range-thumb); cursor:pointer; border:none;}

input[type=range]::-webkit-slider-runnable-track {width:100%; height:8px; cursor:pointer; background:var(--range-track); border-radius:4px; border:none;}
input[type=range]::-moz-range-track              {width:100%; height:8px; cursor:pointer; background:var(--range-track); border-radius:4px; border:none;}
input[type=range]::-ms-track                     {width:100%; height:8px; cursor:pointer; background:var(--range-track); border-radius:4px; border:none;}

/* Min Max Range */
.minmax {display:grid; grid-template-columns:auto 1fr auto; align-items:center; position:relative;}
.minmax:before {content:""; display:block; grid-column:2; grid-row:1; background:var(--range-track2); height:8px; border-radius:4px; margin:5px 0 5px 0;}
.range-value {grid-column:3; grid-row:1; text-align:left;}
.range-value.range-left {grid-column:1; text-align:right;}
.minmax input[type="range"] {grid-column:2; grid-row:1; clip-path:inset(calc(50% - 0.5em) var(--range-min, 0) calc(50% - 0.5em) var(--range-max, 0) round 3px);}

.minmax input[type=range]::-webkit-slider-thumb {width:2em; border-radius:0.5em 0 0 0.5em;}
.minmax input[type=range]::-moz-range-thumb     {width:2em; border-radius:0.5em 0 0 0.5em;}
.minmax input[type=range]::-ms-thumb            {width:2em; border-radius:0.5em 0 0 0.5em;}
.minmax input[type=range] ~ input[type=range]::-webkit-slider-thumb {transform:rotate(180deg);}
.minmax input[type=range] ~ input[type=range]::-moz-range-thumb     {transform:rotate(180deg);}
.minmax input[type=range] ~ input[type=range]::-ms-thumb            {transform:rotate(180deg);}

@media screen and (max-width:1600px) {
	input[type=range] {height:50px;}
}

/* Instructions */
.bull-list__instructions fieldset {counter-reset:steps; display:flex; flex-wrap:wrap; gap:clamp(8px, 0.833vw, 16px); padding:clamp(8px, 0.833vw, 16px); border:1px solid var(--lines); border-radius:30px; max-width:max(74%, 960px); margin:40px auto;}
.bull-list__instructions legend {padding:0 0.5em; margin:0 auto; font-size:clamp(18px, 1.5vw, 24px);}
.bull-list__instructions div {display:flex; flex-direction:column; align-items:flex-start; position:relative; overflow:hidden; counter-increment:steps; flex:1 0 120px; background:var(--section-light); padding:clamp(12px, 1.5vw, 20px) clamp(8px, 1.5vw, 24px) clamp(12px, 1.5vw, 20px) clamp(70px, 7.29vw, 140px); box-sizing:border-box; border-radius:20px; text-wrap:balance;}
.bull-list__instructions div:before {content:counter(steps); display:block; position:absolute; left:0; top:50%; margin-top:-0.5em; font-size:clamp(90px, 9.375vw, 180px); line-height:1; width:0.77em; font-weight:900; color:#ffffff; text-align:center;}
.bull-list__instructions div * {line-height:1.2; margin:0 0 8px 0;}
.bull-list__instructions p {font-size:clamp(12px, 0.9375vw, 18px);}
.bull-list__instructions fieldset > p {flex:1 0 260px; display:flex; align-items:center; justify-content:center; margin:0;}
.bull-list__instructions svg {margin:auto 0 0 0; width:auto; height:clamp(40px, 3.125vw, 60px);}
.bull-list__instructions path {stroke:var(--text-color);}
.bull-list__instructions h3 {position:relative; overflow:hidden; flex:0 0 100%; text-align:center; font-size:clamp(18px, 1.5vw, 24px); padding:16px 0 0 0; margin:0;}
.bull-list__instructions h3 span {position:relative; padding:0 16px;}
.bull-list__instructions h3 span:before,
.bull-list__instructions h3 span:after {content:""; position:absolute; right:100%; top:50%; width:100vw; border-top:1px solid var(--lines);}
.bull-list__instructions h3 span:after {left:100%; right:auto;}
.bull-list__instructions h4 {font-size:clamp(18px, 1.875vw, 36px); font-weight:700;}

@media screen and (max-width:960px) {
	.bull-list__instructions div {padding-left:clamp(8px, 1.5vw, 20px); text-align:center; align-items:center;}
	.bull-list__instructions div:before {display:none;}
}

/* Heading */
.bull-list__heading {text-align:center; margin:60px 0 40px 0;}

/* Toolbar */
.bull-list__toolbar {margin-bottom:40px;}
.bull-list__toolbar form {display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end;}
.bull-list__toolbar form hr {flex:0 0 100%;}
.bull-list__toolbar form > div:not([class]) {display:none;}
.bull-list__toolbar form > .fieldwrap {display:block; flex:0 0 auto; width:auto; padding:0; margin:0;}
.bull-list__toolbar .spacer {display:none; flex:0 0 100%;}

[data-tooltip] {position:relative;}
[data-tooltip]:hover:before {content:attr(data-tooltip); display:block; width:auto; max-width:180px; height:auto !important; position:absolute; z-index:1; left:50%; bottom:100%; transform:translateX(-50%); padding:4px 8px; margin:4px 0; font-size:12px; line-height:1.2; font-weight:400; background:#ffffff; border-radius:12.2px; border:1px solid #cccccc; color:#757575;}
.bull-list__details-header [data-tooltip]:hover:before {bottom:auto; top:100%;}

/* Filters */
.bull-list__filters {display:flex; max-width:100%; flex:0 0 auto; gap:10px; background:var(--field-group); border-radius:30px;}
.bull-list__filters h5 {display:none;}
.bull-list__filters .fieldwrap {display:block; width:288px; flex:1 0 auto; padding:0; margin:0; position:absolute; visibility:hidden;}
.bull-list__filters .fieldwrap.active {position:relative; visibility:visible;}
.bull-list__filters .fieldwrap label {display:none;}
.bull-list__filters .active {display:block;}
.bf-filter-select label {font-size:17px; position:absolute; margin:17px 0 0 1em; pointer-events:none;}
.bf-filter-select label span {opacity:0.7;}
.bf-filter-select label:before {content:"1"; display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; border-radius:50%; line-height:1.2; text-align:center; margin:0 0.2em 0 0; background:var(--text-color); color:#ffffff;}
.bf-filter-select select {font-size:17px; padding-left:6.8em;}
.minmax-fields {display:flex; align-items:center;}
.minmax-fields:before {content:"-"; position:absolute; left:50%; width:1em; margin-left:-0.5em; text-align:center;}
.minmax-fields input {width:50%; flex:0 1 50%;}
#bf-birthdate {width:auto; max-width:100%;}

/* Sort */
.bull-list__sort {display:flex; align-items:center; max-width:100%; flex:0 0 auto; gap:10px; background:var(--field-group); border-radius:30px;}
.bull-list__sort .fieldwrap {width:auto; flex:0 1 auto; padding:0; margin:0;}
.bull-list__sort label {font-size:17px; position:absolute; margin:17px 0 0 1em; pointer-events:none;}
.bull-list__sort label span {opacity:0.7;}
.bull-list__sort .fieldwrap > label:before {content:"2"; display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; border-radius:50%; line-height:1.2; text-align:center; margin:0 0.2em 0 0; background:var(--text-color); color:#ffffff;}
.bull-list__sort select {font-size:17px; padding-left:6.5em;}

.bf-sort-direction {max-width:1em; font-size:60px;}
.bf-sort-direction label {pointer-events:auto; opacity:1; position:relative; font-size:1em; width:1em; height:1em; border-radius:50%; background:var(--fields); padding:0; margin:0; cursor:pointer; transition:background-color 0.3s;}
.bf-sort-direction label:hover {background:color-mix(in hsl, var(--fields), #000 10%);}
.bf-sort-direction label span {position:absolute; font-size:0; visibility:none; color:transparent;}
.bf-sort-direction line {stroke:var(--text-color); transition:all 0.3s cubic-bezier(.47,1.64,.41,.8);}
.bf-sort-direction input:checked + label .sort-lines line:nth-child(1) {stroke-dashoffset:0;}
.bf-sort-direction input:checked + label .sort-lines line:nth-child(2) {stroke-dashoffset:3.6;}
.bf-sort-direction input:checked + label .sort-lines line:nth-child(3) {stroke-dashoffset:7.2;}
.bf-sort-direction input:checked + label .sort-lines line:nth-child(4) {stroke-dashoffset:10.8;}
.bf-sort-direction input[type="checkbox"] {position:absolute; appearance:none; visibility:hidden; display:block; font-size:1em; width:1em; height:1em; padding:0; margin:0; background:none;}

@media screen and (max-width:1600px) {
	.bull-list__filters,
	.bull-list__sort {border-radius:25px;}
	.bull-list__toolbar select {font-size:16px; padding-right:44px; background-size:50px auto;}
	.bf-filter-select label,
	.bull-list__sort label {font-size:16px; margin-top:12px;}
	.bf-sort-direction {font-size:50px;}
	.bf-sort-direction label {font-size:1em; margin:0;}
}

@media screen and (max-width:1080px) {
	.bull-list__filters {flex:1 1 auto;}
	.bf-filter-select {flex:1 1 50%;}
	.bull-list__toolbar .spacer {display:block;}
	.bull-list__filters {flex-wrap:wrap;}
	.bf-filter-select {flex:1 1 auto;}
}

/* Display */
.bull-list__toolbar form > .bull-list-display {flex:0 0 auto; margin:0 0 0 auto;}
.bf-display label {position:relative; cursor:pointer; z-index:0; overflow:hidden; display:flex; align-items:center; background:var(--field-group);border-radius:30px; margin:0;}
.bf-display label span {position:relative; display:flex; flex:0 0 50%; align-items:center;}
.bf-display label span span {flex:auto; padding:0 16px 0 0;}
.bf-display input[type="checkbox"] {position:absolute; appearance:none; visibility:hidden; display:block; font-size:1em; width:1em; height:1em; padding:0; margin:0; background:none;}
.bf-display svg {position:relative; flex:0 0 auto;}
.bf-display path {stroke:var(--text-color);}
.bf-display label > span:first-child:before {content:""; display:block; position:absolute; z-index:-1; inset:0; background:var(--fields); border-radius:30px; transform:translateX(0); transition:transform 0.3s;}
.bf-display input:checked + label > span:before {transform:translateX(100%);}

@media screen and (max-width:1600px) {
	.bf-display svg {width:50px;}
	.bf-display label span span {display:none;}
}

.bull-list__list {position:relative; min-height:80px;}
.bull-list__list > div {transition:opacity 0.5s;}
.bull-list__list.display-loading > div {opacity:0;}
.bull-list__list:before {content:""; display:block; opacity:0; position:absolute; z-index:10; left:0; right:0; width:80px; height:80px; box-sizing:border-box; border-radius:50%; margin:0 auto; border:6px solid transparent; border-color:transparent var(--lines); animation:loadingbulls 1s forwards infinite linear; transition:all 0.5s;}
.bull-list__list.display-loading:before {opacity:1; transition:none;}

@keyframes loadingbulls {
	from {transform:none;}
	to {transform:rotate(360deg);}
}

/* Submit */
button[type="submit"].btn__bull-submit,
button[type="submit"].btn__bull-reset,
.btn__bull-print {font-size:17px; overflow:visible; padding:0; width:auto; min-width:auto; border:none; border-radius:30px; transition:background-color 0.3s;}
button[type="submit"].btn__bull-submit:before,
button[type="submit"].btn__bull-reset:before {width:auto; height:auto;}
button[type="submit"].btn__bull-reset,
.btn__bull-print {background-color:var(--secondary);}
button[type="submit"].btn__bull-submit:hover {background-color:color-mix(in hsl, var(--primary), #000 10%); color:var(--primary-text);}
button[type="submit"].btn__bull-reset:hover,
.btn__bull-print:hover {background-color:color-mix(in hsl, var(--secondary), #000 10%); color:var(--secondary-text);}
.btn__bull-submit span,
.btn__bull-reset span,
.btn__bull-print span {padding:0 0 0 16px;}
.btn__bull-print span {display:none; padding:0 0 0 1em;}
.btn__bull-submit svg,
.btn__bull-reset svg,
.btn__bull-print svg {display:inline-block; vertical-align:middle; width:60px;}
.btn__bull-submit path {stroke:var(--primary-text);}
.btn__bull-reset path,
.btn__bull-print path {stroke:var(--secondary-text);}

.btn__bull-submit span:before {content:"3"; display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; border-radius:50%; line-height:1.2; text-align:center; margin:0 4px 0 0; background:var(--text-color); color:#ffffff;}


@media screen and (max-width:1600px) {
	button[type="submit"].btn__bull-submit,
	button[type="submit"].btn__bull-reset,
	.btn__bull-print {font-size:16px;}	
	.btn__bull-submit svg,
	.btn__bull-reset svg,
	.btn__bull-print svg {width:50px;}
}

/* Bull List */
.table-responsive {overflow-x:auto; background:linear-gradient(to right, white 30%, transparent) left center, linear-gradient(to right, transparent, white 70%) right center, linear-gradient(to right, rgba(0,0,0,0.1), transparent) left center, linear-gradient(to left, rgba(0,0,0,0.1), transparent) right center; background-color:#ffffff; background-repeat:no-repeat; background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%; background-attachment:local, local, scroll, scroll;}
.bull-list__list table { font-size:14px; line-height:1.2; border-radius:8px; overflow:hidden; text-wrap:balance; margin:0; color:var(--text-dark);}
.text-white .bull-list__list table {color:var(--text-color);}
.bull-list__list tr {transition:opacity 0.5s, transform 0.5s;}
.bull-list__list tr:nth-child(2n),
.text-white .bull-list__list tr:nth-child(2n) {background:none;}
.bull-list__list tr:nth-child(2n) td {background:rgba(0,0,0,0.05);}
.bull-list__list thead {mix-blend-mode:multiply;}
.bull-list__list thead tr {background:rgba(0,0,0,0.04);}
.bull-list__list th {position:relative; vertical-align:bottom; border-bottom:1px solid var(--lines);}
.bull-list__list th:not(:last-child):after {content:""; display:block; width:0; height:16px; position:absolute; right:0; bottom:0; border-right:1px solid var(--lines);}
.bull-list__list td {mix-blend-mode:multiply;}
.bull-list__list td.bc-tools {mix-blend-mode:normal;}
.bull-list__list td:empty:after {content:"-";}
.bc-matingtype ~ td {white-space:nowrap;}
.bc-description {display:none;}
.bull-list__list img {min-width:80px; background:var(--section-light);}
.bull-list__list .small {font-size:0.8em; margin:0;}
.text-muted {color:#757575;}

@starting-style {
	.bull-list__list tbody tr:not(tr tr) {opacity:0; transform:translateY(40px);}
}


.bull-list__fav {display:inline-block; max-width:1em; font-size:32px; mix-blend-mode:multiply;}
.bull-list__fav input[type="checkbox"] {position:absolute; appearance:none; visibility:hidden; display:block; font-size:1em; width:1em; height:1em; padding:0; margin:0; background:none;}
.bull-list__fav label {position:relative; overflow:hidden; font-size:1em; width:1em; height:1em; padding:0; margin:0; cursor:pointer;}
.bull-list__fav label span {position:absolute; font-size:0; visibility:none; color:transparent;}
.bull-list__fav svg {transition:transform 0.3s;}
.bull-list__fav path {stroke:var(--text-color); opacity:0.5; transition:all 0.3s;}
.bull-list__fav input:checked + label svg {transform:rotate(144deg);}
.bull-list__fav input:checked + label path {fill:var(--primary); stroke:var(--primary); opacity:1;}

.bull-list__list.display-compare tbody tr:not(.active):not(tr tr) {display:none;}

.bf-compare {font-size:60px;}
.bf-compare input[type="checkbox"] {position:absolute; appearance:none; visibility:hidden; display:block; font-size:1em; width:1em; height:1em; padding:0; margin:0; background:none;}
.bf-compare label {display:flex; align-items:center; position:relative; overflow:hidden; font-size:1em; padding:0; margin:0; cursor:pointer; background:var(--field-group); border-radius:0.5em;}
.bf-compare label svg {font-size:1em; width:1em; height:1em;}
.bf-compare label path {stroke:var(--text-color);}
.bf-compare label span {font-size:1rem; color:var(--text-color); padding:0 24px 0 0;}
.bf-compare-checked {display:none;}
.bf-compare-unchecked {display:block;}
.bf-compare input:checked + label {background:var(--fields);}
.bf-compare input:checked + label .bf-compare-checked {display:block;}
.bf-compare input:checked + label .bf-compare-unchecked {display:none;}

.bull-compare-empty {display:none; text-align:center;}
.display-compare-empty .bull-compare-empty {display:block;}
.bull-compare-empty svg {display:inline-block; vertical-align:middle;}
.bull-compare-empty path {stroke:var(--text-color);}

.bull-list__empty {text-align:center;}

.bull-list__more {text-align:center; margin:16px 0;}
.bull-list__more:before {content:""; pointer-events:none; display:block; opacity:0; position:absolute; z-index:10; left:0; right:0; width:80px; height:80px; box-sizing:border-box; border-radius:50%; margin:0 auto; border:6px solid transparent; border-color:transparent var(--lines); animation:loadingbulls 1s forwards infinite linear; transition:all 0.5s;}
.bull-list__more.display-loading:before {opacity:1; transition:none;}
.bull-list__more.display-loading button {opacity:0;}
.bull-list__more.no-more {display:none;}
.display-compare .bull-list__more {display:none;}

@media screen and (max-width:1600px) {
	.bf-compare {font-size:50px;}
}
@media screen and (max-width:360px) {
	.bf-compare span {display:none !important;}
}

/* Bull Grid */
.display-grid .table-responsive {overflow-x:visible; background:none;}
.display-grid table {font-size:1rem; display:block; overflow:visible;}
.display-grid tbody {display:grid; grid-template-columns:repeat(auto-fill,  minmax(288px, 1fr)); grid-template-rows:auto; gap:0 30px;}
.display-grid thead {display:none; mix-blend-mode:normal;}
.display-grid tr {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:subgrid; grid-row:span 20; gap:0; position:relative; padding:20px; margin:0 0 30px 0; background:#ffffff; box-shadow:3px 3px 9px rgba(0,0,0,0.1); border-radius:var(--image-radius);}
.display-grid tr:nth-child(2n),
.text-white .display-grid tr:nth-child(2n) {background:#ffffff;}
.display-grid tr:nth-child(2n) td {background:none;}
.display-grid td {display:none; padding:10px 0; margin-bottom:-1px; mix-blend-mode:normal;}
.display-grid td.active {display:block;}
.display-grid .bc-image {display:block; grid-column:span 2; padding-top:0; border-top:none;}
.display-grid .bc-lot,
.display-grid .bc-id,
.display-grid .bc-name,
.display-grid .bc-tools {display:block;}
.display-grid .bc-tools {display:flex; align-items:center; justify-content:flex-start; grid-column:span 2; grid-row:-1; border-top:1px solid var(--lines); padding-bottom:0;}
.display-grid .bc-name {grid-column:span 2; font-size:1.2em; font-weight:600;}
.display-grid td[data-label]:before {content:attr(data-label); display:block; font-size:12px; font-weight:700; opacity:0.6; margin-bottom:4px;}
.display-grid .bc-image img {width:100%;}

@media screen and (max-width:640px) {
	.display-grid tbody {max-width:320px; margin:0 auto;}
	.display-grid tbody {max-width:320px; margin:0 auto;}
}

/* Grid Details */
.bull-details-open {padding-right:var(--scrollbar-width); overflow:hidden;}
.bull-details-open #header-sticky {transform:none; box-shadow:none; padding-right:var(--scrollbar-width);}
.bull-details-open #header-sticky.scroll {transform:none; box-shadow:none;}
.details-active .overlay:not(.open) {padding-right:var(--scrollbar-width);}

.display-grid .bc-tools {display:flex; align-items:center; flex:0 0 100%; margin:auto 0 0 0; border-top:1px solid var(--lines);}

.bull-list__details {display:none; overscroll-behavior:contain; position:fixed; z-index:100; inset:0; padding:0; background:var(--modal-overlay); opacity:0; transition:opacity 0.3s, display 0.3s; transition-behavior:allow-discrete;}
.bull-list__details-inner {overflow-y:scroll; max-height:100%; padding:20px 8px; box-sizing:border-box;}
.btn__bull-close {position:relative; font-size:60px; width:1em; height:1em; margin:0 0 0 auto; border-radius:50%; transition:background-color 0.3s;}
.btn__bull-close path {stroke:var(--text-color);}
.btn__bull-close:hover {background-color:rgba(0,0,0,0.04);}
.bull-list__details tbody {display:block; overflow:hidden; gap:0; background:#ffffff;  border-radius:var(--image-radius); padding:0; max-width:960px; margin:0 auto; transition:transform 0.5s;}
.bull-list__details tr {grid-template-columns:repeat(4, 1fr); grid-template-rows:auto; box-shadow:none; background:none; padding:0; border:20px solid transparent;}
.bull-list__details td {display:block; border:none; padding:12px 8px; box-sizing:border-box;}
.bull-list__details-content td:last-child:after {content:""; display:block; border-top:1px solid var(--lines); position:absolute; left:0; right:0; bottom:-1px;}
.bull-list__details .bc-matingtype {grid-column:span 2; margin-bottom:20px;}
.bull-list__details .bc-matingtype + td {grid-column-start:1;}
.bull-list__details .bc-matingtype ~ td {border:1px solid var(--lines); border-width:1px 0;}
.bull-list__details .bc-image {display:block; grid-column:span 2; grid-row:span 10; padding:0; margin:0 20px 20px 0;}
.bull-list__details .bc-name {grid-column:span 2; font-size:clamp(1.2em, 4.6875vw, 30px);}
.bull-list__details .bc-description {grid-column:span 2;}
.bull-list__details .bull-list__details-header {display:block; margin:0; background:var(--section-light); border-radius:0;}
.bull-list__details .bull-list__details-header td {display:flex; align-items:flex-start; border:none; padding:0;}

.display-grid .bull-list__details {display:none;}
.details-active .bull-list__details {display:block; opacity:1;}
.deactivate .bull-list__details {opacity:0;}
.deactivate .bull-list__details tbody {transform:translateY(-40px);}

.display-grid .btn__bull-details {display:inline-block;}
.btn__bull-details {display:none; font-weight:600; text-align:right; padding:8px 0; margin:0 0 0 auto; color:var(--text-color); opacity:0.6; transition:opacity 0.3s;}
.btn__bull-details svg {display:inline-block; vertical-align:middle; font-size:3.333em; width:1em; height:1em; margin:-0.2em 0 -0.2em -0.1em;}
.btn__bull-details path {stroke:currentColor;}
.btn__bull-details:hover {opacity:1;}

@starting-style {
	.details-active .bull-list__details {opacity:0;}
	.details-active .bull-list__details tbody {transform:translateY(-40px);}
}

@media screen and (max-width:1600px) {
	.bull-list__details .btn__bull-close {font-size:50px;}
}
@media screen and (max-width:640px) {
	.bull-list__details tbody {max-width:480px;}
	.bull-list__details tr {grid-template-columns:repeat(2, 1fr); border-width:16px;}
	.bull-list__details .bc-image {margin-right:0;}
}

/* Shortlist */
.display-grid.display-compare tbody {gap:0; padding-right:1px;}
.display-grid.display-compare tr {box-shadow:none; border:1px solid var(--lines); margin-right:-1px; padding:0; border-radius:0;}
.display-grid.display-compare td {display:block; border:1px solid var(--lines); border-width:1px 0; padding:10px;}
.display-grid.display-compare .bc-image {border-top:none;}
.display-grid.display-compare .bc-description {display:none;} 
.display-grid.display-compare .bc-tools {padding:0; border:none;} 
.display-grid.display-compare .bull-list__fav,
.display-grid.display-compare .btn__bull-details {display:none;} 

/* Video */
.bc-image a {display:block; position:relative;}
.bc-image a:before {content:""; position:absolute; right:0; bottom:0; margin:2%; width:max(16px, 16%); padding-bottom:max(16px, 16%); border-radius:50%; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.1); opacity:0.8; transition:opacity 0.3s;}
.bc-image a:after {content:""; position:absolute; right:0; bottom:0; margin:2%; width:max(16px, 16%); padding-bottom:max(16px, 16%); background:var(--primary); clip-path:polygon(36% 28%, 74% 50%, 36% 72%); opacity:0.8; transition:opacity 0.3s;}
.bc-image a:hover:before, .bc-image a:hover:after {opacity:1;}

.bull-list__list tr .modal-box {max-width:960px; padding:0;}
.bull-list__list .video-wrap {margin:0;}
.bull-list__list .btn__close {font-size:clamp(36px, 5.2vw, 50px); margin:0.3em; box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.bull-list__list .btn__close:before {content:""; display:block; position:absolute; inset:-0.3em; border-radius:50%;}

/* No Results */
.message-no-results {display:none; text-align:center;}
.no-results .message-no-results {display:block;}
.no-results table {display:none;}

/* Print */
@media print {
	body {background:none; --scrollbar-width:0; overflow:auto !important;}
	#header {display:none;}
	#header .header-logo a {height:60px;}
	div#content {overflow:visible;}
	:has(.display-details) #header {display:block; margin-bottom:5mm;}
	.content-padding.content-padding {margin:0; padding:0;}
	.content-1920.content-1920 {max-width:none;}
	.bull-list__instructions {display:none;}
	.bull-list__heading {display:none;}
	.table-responsive {overflow:visible; background:none;}
	.bull-list__toolbar {display:none;}
	.bf-display {display:none;}
	.bc-image {max-width:30mm;}
	.bc-image a:before, .bc-image a:after {display:none;}
	.bull-list__list table {font-size:6pt;}
	.bull-list__list td,
	.bull-list__list th {padding:1.5mm;}
	.bull-list__list .bc-tools {display:none;}
	.bull-list__more {display:none;}
	.display-grid table {font-size:8pt;}
	.display-grid tbody {grid-template-columns:repeat(auto-fill,  minmax(50mm, 1fr));}
	.display-grid tr {box-shadow:none; border:1px solid var(--lines); margin-bottom:2mm; padding:2mm;}
	.display-grid td {padding:1.5mm 0;}
	.display-grid td[data-label]:before {font-size:6pt;}
	.display-grid.display-compare tbody {max-width:none; margin:0;}
	.display-grid.display-compare td {padding:1.5mm;}
	.display-grid .bc-image {max-width:none;}
	.display-grid .bc-image img {aspect-ratio:16/10; object-fit:cover;}
	.display-grid .bull-list__fav,
	.display-grid .btn__bull-details {display:none;}
	.display-details tbody {display:block; border-radius:0;}
	.display-details tr {display:none;}
	.display-details tr.details-active {display:block; padding:0; border:none;}
	.display-details tr.details-active .bull-list__details {position:relative;}
	.display-details .details-active td {display:none;}
	.display-details .details-active td.bc-tools {display:block; border:none; padding:0;}
	.display-details .bull-list__details tr {display:grid; padding:0; border:none;}
	.display-details .bull-list__details td {display:block; page-break-inside:avoid;}
	.display-details td[data-label]:before {font-size:8pt;}
	.display-details .bull-list__details .bull-list__details-header {display:none;}
	.display-details .bull-list__details {background:none;}
	.display-details .bull-list__details-inner {overflow:hidden; padding:0;}
	.display-details .bull-list__details table {font-size:12pt;}
	.display-details .bull-list__details tbody {max-width:none; padding:0;}
	.display-details .bull-list__details .bc-image img {aspect-ratio:auto;}
}

@media print and (orientation: landscape) {
	.bull-list__details .bull-list__details-content {grid-template-columns:repeat(6, 1fr);}
	.bull-list__details .bc-name,
	.bull-list__details .bc-description {grid-column:span 4;}
}

/* CSV Header Guide Styles */
.csv-header-guide {
	margin-bottom: 20px;
}

.csv-header-guide details {
	border: 1px solid #bce8f1;
	border-radius: 4px;
	background-color: #d9edf7;
}

.csv-header-guide summary {
	cursor: pointer;
	padding: 10px 15px;
	background-color: #bce8f1;
	border-bottom: 1px solid #bce8f1;
	margin: 0;
	list-style: none;
	outline: none;
}

.csv-header-guide summary::-webkit-details-marker {
	display: none;
}

.csv-header-guide summary .panel-title {
	margin: 0;
	color: #31708f;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.csv-header-guide summary:hover .panel-title {
	color: #245269;
}

.csv-header-guide summary .caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #31708f;
	transition: transform 0.3s ease;
	margin-left: 8px;
}

.csv-header-guide details[open] summary .caret {
	transform: rotate(180deg);
}

.csv-header-guide .panel-body {
	padding: 15px;
	background-color: #d9edf7;
}

.csv-header-guide h5 {
	color: #337ab7;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e7f3ff;
	padding-bottom: 5px;
}

.csv-header-guide .table {
	margin-bottom: 20px;
	font-size: 13px;
}

.csv-header-guide .table th {
	background-color: #f5f5f5;
	font-weight: 600;
	color: #333;
	border-bottom: 2px solid #ddd;
}

.csv-header-guide .table td {
	vertical-align: middle;
}

.csv-header-guide .table code {
	background-color: #f8f8f8;
	color: #c7254e;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
}

.csv-header-guide .alert {
	border-radius: 6px;
	margin-top: 15px;
}

.csv-header-guide .alert h5 {
	margin-top: 0;
	margin-bottom: 10px;
	color: inherit;
	border: none;
	padding: 0;
}

.csv-header-guide .alert ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.csv-header-guide .alert li {
	margin-bottom: 5px;
}

.csv-header-guide .alert-info {
	background-color: #e7f3ff;
	border-color: #b3d9ff;
	color: #31708f;
}

.csv-header-guide .alert-warning {
	background-color: #fff8e1;
	border-color: #ffecb3;
	color: #8a6d3b;
}

/* Responsive adjustments for the guide */
@media (max-width: 768px) {
	.csv-header-guide .table {
		font-size: 12px;
	}
	
	.csv-header-guide .table code {
		font-size: 11px;
		padding: 1px 4px;
	}
	
	.csv-header-guide h5 {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.csv-header-guide .row {
		margin: 0;
	}
	
	.csv-header-guide .col-md-6 {
		padding: 0 5px;
	}
	
	.csv-header-guide .table {
		font-size: 11px;
	}
}