/* Wskazówka z rozszczepionym grotem i podwójnym piórkiem. */
:is(#hil-folio,.hil-folio) {
  --hil-wskazowka:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 24'%3E%3Cpath d='M2 6l8 5h5L8 6h3l8 5h10l-6-7 18 8-18 8 6-7H19l-8 5H8l7-5h-5l-8 5 4-6Z M29 8.6l6.8 3.4-6.8 3.4 2.8-3.4Z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
:is(#hil-folio,.hil-folio) :is(.action b,.pager .arrow)::before {
  content:""; display:block; width:29px; height:19px; background:currentColor;
  mask:var(--hil-wskazowka) center / contain no-repeat;
  -webkit-mask:var(--hil-wskazowka) center / contain no-repeat;
}
:is(#hil-folio,.hil-folio) .action b {
  display:grid; place-items:center; font-size:0; min-width:25px;
}
:is(#hil-folio,.hil-folio) .action b::before {width:26px; transform:rotate(-34deg);}
:is(#hil-folio,.hil-folio) button.action b::before {transform:none;}
:is(#hil-folio,.hil-folio) [data-services].action b::before {transform:rotate(90deg);}
:is(#hil-folio,.hil-folio) .pager .arrow {
  position:relative; display:grid; place-items:center; font-size:0;
  border:0; border-radius:0; background:transparent; color:#700b1a;
  width:46px; height:44px; isolation:isolate;
}
:is(#hil-folio,.hil-folio) .pager .arrow::after {
  --cut:7px; content:""; position:absolute; inset:3px 0; z-index:-1;
  background:linear-gradient(#ccaa79,#ad824b) border-box;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
}
:is(#hil-folio,.hil-folio) .pager .arrow::before {
  width:30px; height:21px;
}
:is(#hil-folio,.hil-folio) .pager :is([data-prev],[data-placeprev],[data-step="-1"])::before { transform:scaleX(-1); }
:is(#hil-folio,.hil-folio) .pager .arrow:is(:hover,:focus-visible) {color:#fff2d5;}
:is(#hil-folio,.hil-folio) .pager .arrow:is(:hover,:focus-visible)::after { background:#700b1a; }
:is(#hil-folio,.hil-folio) .tiles .picture {height:clamp(150px,17cqw,252px);}
@media(max-width:715px) {
  :is(#hil-folio,.hil-folio) .tiles .picture {height:100%;}
}
@media(max-width:520px) {
  :is(#hil-folio,.hil-folio) .tiles .tile {display:flex;flex-direction:column;}
  :is(#hil-folio,.hil-folio) .tiles .picture {height:clamp(157px,49vw,223px);}
}
@media(forced-colors:active) {
  :is(#hil-folio,.hil-folio) :is(.action b,.pager .arrow)::before {forced-color-adjust:none;background:ButtonText;}
  :is(#hil-folio,.hil-folio) .pager .arrow {border:1px solid ButtonText;}
  :is(#hil-folio,.hil-folio) .pager .arrow::after {display:none;}
}