/* Component aïllat, sense dependències, fonts externes ni JavaScript. */
.bp-order-banner,.bp-order-banner *{box-sizing:border-box}
a.bp-order-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:27% 40% 33%;align-items:center;min-height:290px;width:100%;padding:28px 3% 28px 0;overflow:hidden;background:radial-gradient(ellipse at 98% 90%,#65220f 0,transparent 58%),linear-gradient(110deg,#171512,#200d14 72%,#371215);color:#fff4df!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif;border-block:1px solid #a87535;cursor:pointer}
.bp-order-banner__photo{position:absolute;z-index:-1;inset:0 auto 0 0;width:29%;background-image:url('../img/pizza-buona.webp');background-position:center;background-size:cover;mask-image:linear-gradient(to right,#000 82%,transparent);-webkit-mask-image:linear-gradient(to right,#000 82%,transparent)}
.bp-order-banner__copy{grid-column:2;padding:12px 22px}
.bp-order-banner__brand{display:block;color:#ffc170;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:15px}
.bp-order-banner .bp-order-banner__copy h2{color:#fff4df;font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3.1vw,60px);font-weight:700;line-height:1.06;letter-spacing:-.6px;margin:0 0 18px;text-transform:none}
.bp-order-banner .bp-order-banner__copy p{color:#f1e9dc;font-size:clamp(16px,1.4vw,25px);line-height:1.4;margin:0}
.bp-order-banner__action{grid-column:3;text-align:center;padding-left:14px}
.bp-order-banner__button{position:relative;display:block;padding:24px 52px 24px 20px;background:linear-gradient(#ffb748,#ff8e1d);border:2px solid #ffcd79;border-radius:19px;box-shadow:0 7px 0 #a64c05,0 15px 30px #0004;color:#26150b;font-size:clamp(17px,1.5vw,29px);font-weight:800;line-height:1.25;transition:transform .15s,box-shadow .15s,filter .15s}
.bp-order-banner__arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;width:35px;height:35px;border:1px solid #8c450c;border-radius:50%;display:grid;place-items:center}
.bp-order-banner__hint{display:block;margin-top:23px;color:#f1e9dc;font-size:clamp(12px,1.1vw,18px);line-height:1.4}
.bp-order-banner:hover .bp-order-banner__button{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 9px 0 #a64c05,0 18px 30px #0005}
.bp-order-banner:active .bp-order-banner__button{transform:translateY(4px);box-shadow:0 3px 0 #a64c05}
a.bp-order-banner:focus-visible{outline:4px solid #ffcd79;outline-offset:-6px}
@media(min-width:1800px){a.bp-order-banner{min-height:370px}}
@media(max-width:900px){a.bp-order-banner{grid-template-columns:30% 70%;padding:26px 22px 32px 0;gap:22px 0}.bp-order-banner__photo{width:32%}.bp-order-banner__copy{grid-column:2;padding:0 12px}.bp-order-banner .bp-order-banner__copy h2{font-size:36px}.bp-order-banner__action{grid-column:2;padding:0 12px}.bp-order-banner__button{padding:17px 52px 17px 18px;font-size:20px}.bp-order-banner__hint{margin-top:17px;font-size:13px}}
@media(max-width:520px){a.bp-order-banner{display:flex;flex-direction:column;align-items:stretch;padding:190px 22px 26px;gap:24px}.bp-order-banner__photo{inset:0 0 auto;width:100%;height:180px;background-position:center 48%;mask-image:linear-gradient(to bottom,#000 75%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent)}.bp-order-banner__copy{text-align:center;padding:0}.bp-order-banner__brand{font-size:11px;margin-bottom:12px}.bp-order-banner .bp-order-banner__copy h2{font-size:34px}.bp-order-banner__action{padding:0}.bp-order-banner .bp-order-banner__copy p{font-size:16px}.bp-order-banner__button{font-size:19px}}
@media(prefers-reduced-motion:reduce){.bp-order-banner__button{transition:none}}