:root{
  --bg:#eee5d8;
  --card:#fffaf3;
  --card2:#f5eadc;
  --text:#211b17;
  --muted:#786d63;
  --line:#ded0bf;
  --brown:#3b2920;
  --brown2:#5a3b2b;
  --accent:#b65f3d;
  --accent-light:#ead0bd;
  --white:#fffaf4;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.8),transparent 30%),
    radial-gradient(circle at 90% 35%,rgba(190,130,90,.12),transparent 28%),
    linear-gradient(180deg,#f3eadf 0%,#eee3d4 45%,#e8dccb 100%);
  color:var(--text);
  min-height:100vh;
}

button,
input,
textarea{
  font:inherit;
}

button{
  -webkit-tap-highlight-color:transparent;
}


/* =========================
   HEADER
========================= */

.hero{
  position:sticky;
  top:0;
  z-index:10;

  background:rgba(243,234,223,.91);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);

  padding:13px 15px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  border-bottom:1px solid rgba(112,88,68,.14);
}

.hero>div{
  display:flex;
  align-items:center;
  gap:11px;
}

.logo{
  width:49px;
  height:49px;

  border:1.5px solid var(--brown);
  border-radius:50%;

  display:grid;
  place-items:center;

  font-family:Georgia,serif;
  font-size:27px;
  color:var(--brown);

  background:rgba(255,250,243,.55);
}

h1{
  font-size:17px;
  letter-spacing:-.2px;
  margin:0 0 3px;
}

.hero p{
  font-size:11px;
  color:var(--muted);
  margin:0;
}

.cart-btn{
  border:0;
  background:var(--brown);
  color:white;

  border-radius:16px;
  padding:11px 13px;

  font-weight:800;
  box-shadow:0 5px 16px rgba(59,41,32,.16);
}


/* =========================
   AUTUMN HERO
========================= */

.season-hero{
  margin:16px 14px 14px;
  padding:23px 20px 21px;

  border-radius:25px;

  color:#fff8ef;

  background:
    radial-gradient(circle at 85% 20%,rgba(255,208,158,.18),transparent 25%),
    linear-gradient(145deg,#3b2920 0%,#513326 55%,#754735 100%);

  box-shadow:
    0 12px 30px rgba(59,41,32,.16);

  position:relative;
  overflow:hidden;
}

.season-hero:after{
  content:"🍂";
  position:absolute;
  right:-5px;
  bottom:-18px;

  font-size:92px;
  opacity:.12;

  transform:rotate(-15deg);
}

.season-badge{
  display:inline-block;

  padding:7px 10px;

  border-radius:999px;

  background:rgba(255,248,239,.12);
  border:1px solid rgba(255,248,239,.18);

  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
}

.season-hero h2{
  margin:13px 0 6px;

  font-family:Georgia,serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.5px;
}

.season-hero p{
  margin:0;

  max-width:285px;

  color:rgba(255,248,239,.76);

  font-size:13px;
  line-height:1.5;
}

.season-button{
  position:relative;
  z-index:2;

  margin-top:17px;

  border:0;
  border-radius:13px;

  padding:11px 14px;

  background:#f3dfc7;
  color:var(--brown);

  font-size:13px;
  font-weight:800;

  box-shadow:0 5px 15px rgba(0,0,0,.12);
}


/* =========================
   PROMO / LOYALTY
========================= */

#lunchPromo{
  margin:12px 14px;

  padding:13px 15px;

  border-radius:16px;

  font-weight:700;
  text-align:center;

  background:var(--brown);
  color:#fff;

  box-shadow:0 6px 18px rgba(59,41,32,.12);
}

#lunchPromo.hidden{
  display:none;
}

#loyaltyCard{
  margin:12px 14px;

  padding:13px 15px;

  border-radius:16px;

  background:#f8eee2;

  border:1px solid #e1cfbb;

  color:var(--brown);

  font-size:13px;
}

#loyaltyCard.hidden{
  display:none;
}


/* =========================
   MAIN
========================= */

main{
  max-width:980px;
  margin:auto;
  padding:0 14px 30px;
}

.notice{
  background:rgba(255,250,243,.72);

  border:1px solid rgba(222,208,191,.85);

  padding:11px 13px;

  border-radius:15px;

  margin-bottom:20px;

  font-size:12px;
  color:var(--muted);

  box-shadow:0 4px 14px rgba(91,68,50,.04);
}


/* =========================
   SECTION HEADINGS
========================= */

.section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;

  margin:5px 2px 11px;
}

.section-heading>div{
  display:flex;
  align-items:center;
  gap:7px;
}

.section-heading span{
  font-size:19px;
}

.section-heading h2{
  margin:0;

  font-family:Georgia,serif;
  font-size:22px;
  font-weight:500;

  letter-spacing:-.3px;
}

.section-heading p{
  margin:0;

  font-size:11px;
  color:var(--muted);
}


/* =========================
   CATEGORIES
========================= */

.categories{
  display:flex;
  gap:7px;

  overflow:auto;

  padding:3px 1px 14px;

  scrollbar-width:none;

  -webkit-overflow-scrolling:touch;
}

.categories::-webkit-scrollbar{
  display:none;
}

.categories button{
  white-space:nowrap;

  border:1px solid var(--line);

  background:rgba(255,250,243,.75);

  color:var(--brown);

  border-radius:999px;

  padding:9px 13px;

  font-size:12px;
  font-weight:700;

  transition:.2s;
}

.categories button.active{
  background:var(--brown);
  color:#fff;
  border-color:var(--brown);

  box-shadow:0 4px 12px rgba(59,41,32,.14);
}


/* =========================
   MENU GRID
========================= */

.menu-grid{
  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;
}

.card{
  background:
    linear-gradient(160deg,rgba(255,255,255,.55),transparent 55%),
    var(--card);

  border:1px solid rgba(222,208,191,.9);

  border-radius:19px;

  padding:13px;

  display:flex;
  flex-direction:column;

  min-height:166px;

  box-shadow:
    0 5px 16px rgba(75,52,37,.055);

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}

.card:active{
  transform:scale(.98);
}

.card h3{
  font-size:15px;
  line-height:1.25;

  margin:0 0 7px;

  letter-spacing:-.15px;
}

.card p{
  color:var(--muted);

  font-size:11px;
  line-height:1.45;

  margin:0 0 12px;

  flex:1;
}

.card-footer{
  display:flex;
  align-items:end;
  justify-content:space-between;

  gap:7px;
}

.price{
  font-weight:900;
  font-size:15px;
  color:var(--brown);
}

.add{
  border:0;

  background:var(--brown);
  color:white;

  border-radius:12px;

  width:37px;
  height:37px;

  font-size:21px;
  line-height:1;

  box-shadow:0 4px 10px rgba(59,41,32,.16);
}

.old-price{
  text-decoration:line-through;
  opacity:.5;
  margin-right:5px;
}

.promo-price{
  font-weight:900;
}


/* =========================
   AUTUMN SECTION
========================= */

.season-section{
  margin-bottom:29px;
}

.season-section .section-heading{
  padding-top:3px;
}

.season-section .section-heading h2{
  color:var(--brown);
}

.season-categories button.active{
  background:var(--accent);
  border-color:var(--accent);
}

.season-grid .card{
  background:
    linear-gradient(160deg,rgba(255,255,255,.68),transparent 55%),
    #fff8ef;
}

.main-menu-section{
  padding-top:3px;
}


/* =========================
   CART DRAWER
========================= */

.drawer{
  position:fixed;
  inset:0;

  background:rgba(31,22,17,.48);

  z-index:20;

  display:flex;
  align-items:flex-end;

  backdrop-filter:blur(3px);
}

.drawer.hidden,
.modal.hidden,
.hidden{
  display:none;
}

.drawer-card{
  background:#f4eadf;

  width:100%;
  max-height:92vh;

  overflow:auto;

  border-radius:26px 26px 0 0;

  padding:18px;

  box-shadow:0 -10px 40px rgba(0,0,0,.15);
}

.drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.drawer-head h2{
  margin:0;

  font-family:Georgia,serif;
  font-weight:500;
}

.drawer-head button,
.modal-close{
  border:0;
  background:transparent;

  font-size:22px;

  color:var(--brown);
}

.cart-row{
  display:grid;
  grid-template-columns:1fr auto;

  gap:10px;

  padding:13px 0;

  border-bottom:1px solid var(--line);
}

.qty{
  display:flex;
  align-items:center;
  gap:8px;
}

.qty button{
  width:30px;
  height:30px;

  border-radius:10px;

  border:1px solid var(--line);

  background:#fffaf3;
}


/* =========================
   SUMMARY
========================= */

.summary{
  margin:14px 0;

  border-top:1px solid var(--line);

  padding-top:10px;
}

.summary div{
  display:flex;

  justify-content:space-between;

  padding:5px 0;
}

.summary .total{
  font-size:19px;

  padding-top:11px;

  border-top:1px solid var(--line);

  margin-top:5px;
}


/* =========================
   CHECKOUT
========================= */

.checkout{
  display:grid;
  gap:10px;
}

.checkout h3{
  margin:10px 0 0;

  font-size:15px;
}

.checkout label{
  display:flex;
  gap:8px;
  align-items:center;

  font-size:14px;
}

.checkout input[type=text],
.checkout input:not([type]),
.checkout input#name,
.checkout input#phone,
.checkout input#address,
.checkout textarea{
  width:100%;

  border:1px solid var(--line);

  background:#fffaf4;

  border-radius:13px;

  padding:12px;

  color:var(--text);

  outline:none;
}

.checkout input:focus,
.checkout textarea:focus{
  border-color:#b88c72;

  box-shadow:0 0 0 3px rgba(182,95,61,.08);
}

.checkout textarea{
  min-height:80px;
  resize:vertical;
}

.primary{
  border:0;

  background:var(--brown);
  color:white;

  border-radius:14px;

  padding:14px;

  font-weight:800;

  margin-top:8px;

  width:100%;

  box-shadow:0 6px 16px rgba(59,41,32,.15);
}

.small{
  font-size:11px;

  color:var(--muted);

  line-height:1.4;
}


/* =========================
   MODAL
========================= */

.modal{
  position:fixed;
  inset:0;

  background:rgba(31,22,17,.5);

  z-index:30;

  display:grid;
  place-items:end center;

  backdrop-filter:blur(3px);
}

.modal-card{
  width:100%;
  max-width:520px;

  background:#f4eadf;

  border-radius:26px 26px 0 0;

  padding:20px;

  box-shadow:0 -10px 40px rgba(0,0,0,.15);
}

.modal-card h3{
  font-family:Georgia,serif;
  font-size:22px;
  font-weight:500;
}

.option{
  display:block;

  border:1px solid var(--line);

  background:#fffaf3;

  border-radius:13px;

  padding:12px;

  margin:8px 0;
}


/* =========================
   IPHONE
========================= */

@media(max-width:380px){

  .hero{
    padding:11px 12px;
  }

  .logo{
    width:45px;
    height:45px;
    font-size:25px;
  }

  h1{
    font-size:15px;
  }

  .hero p{
    font-size:10px;
  }

  .season-hero{
    margin:13px 11px;
    padding:20px 17px;
  }

  .season-hero h2{
    font-size:27px;
  }

  main{
    padding-left:11px;
    padding-right:11px;
  }

  .menu-grid{
    gap:8px;
  }

  .card{
    padding:11px;
    min-height:160px;
  }

  .card h3{
    font-size:14px;
  }

  .card p{
    font-size:10px;
  }
}


/* =========================
   TABLET / DESKTOP
========================= */

@media(min-width:720px){

  .hero{
    padding-left:24px;
    padding-right:24px;
  }

  .season-hero{
    max-width:952px;
    margin:20px auto;
  }

  main{
    padding-left:20px;
    padding-right:20px;
  }

  .menu-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .drawer{
    align-items:center;
    justify-content:center;
  }

  .drawer-card{
    max-width:560px;
    border-radius:24px;
    max-height:90vh;
  }

  .modal{
    place-items:center;
  }

  .modal-card{
    border-radius:24px;
  }
}
.delivery-progress {
  margin: 14px 0;
  padding: 16px;
  border-radius: 18px;
  background: #f6ead9;
  border: 1px solid rgba(59,41,32,.08);
}

.delivery-progress-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.delivery-progress-title > span {
  font-size: 28px;
}

.delivery-progress-title strong {
  display: block;
  font-size: 15px;
  line-height: 1.25;
  color: #3b2920;
}

.delivery-progress-sub {
  margin-top: 4px;
  font-size: 13px;
  color: #8a7669;
}

.delivery-progress-bar {
  height: 8px;
  margin-top: 13px;
  background: #e3d7c8;
  border-radius: 999px;
  overflow: hidden;
}

#deliveryProgressFill {
  width: 0;
  height: 100%;
  background: #b65f3d;
  border-radius: 999px;
  transition: width .35s ease;
}
/* =========================
   НОВАЯ КОРЗИНА АВ
   ========================= */

.cart-head {
  align-items: flex-start;
}

.cart-head h2 {
  margin-bottom: 3px;
}

.cart-meta {
  font-size: 13px;
  color: #8a7669;
}

.drawer-close {
  flex-shrink: 0;
}

.cart-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 4px 0 14px;
}

.cart-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  background: #fffaf3;
  border: 1px solid rgba(59,41,32,.08);
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(59,41,32,.05);
}

.cart-row > div:first-child {
  min-width: 0;
  flex: 1;
}

.cart-row strong {
  display: block;
  padding-right: 8px;
  color: #3b2920;
  font-size: 15px;
  line-height: 1.25;
}

.cart-row .small {
  margin-top: 4px;
  color: #8a7669;
  font-size: 12px;
}

.cart-row .qty {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px;
  background: #f2e7da;
  border-radius: 14px;
}

.cart-row .qty button {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #fffaf3;
  color: #3b2920;
  font-size: 19px;
  line-height: 30px;
  box-shadow: 0 2px 6px rgba(59,41,32,.06);
}

.cart-row .qty span {
  min-width: 18px;
  text-align: center;
  font-weight: 700;
  color: #3b2920;
}

.cart-summary {
  margin-top: 4px;
  padding: 16px;
  background: #f7eee4;
  border: 1px solid rgba(59,41,32,.07);
  border-radius: 20px;
}

.cart-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.cart-summary > div:last-child {
  margin-bottom: 0;
}

.cart-summary span {
  color: #806e62;
  font-size: 14px;
}

.cart-summary strong {
  color: #3b2920;
}

.cart-summary .total {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(59,41,32,.10);
}

.cart-summary .total span {
  color: #3b2920;
  font-size: 16px;
  font-weight: 700;
}

.cart-summary .total strong {
  color: #b65f3d;
  font-size: 21px;
}

.checkout h3 {
  margin-top: 22px;
  margin-bottom: 10px;
  color: #3b2920;
  font-size: 16px;
}

.choice-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.choice-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 68px;
  padding: 11px;
  border: 1.5px solid rgba(59,41,32,.12);
  border-radius: 17px;
  background: #fffaf3;
  cursor: pointer;
  transition: .2s ease;
}

.choice-card:has(input:checked) {
  border-color: #b65f3d;
  background: #fbefe5;
  box-shadow: 0 4px 12px rgba(182,95,61,.10);
}

.choice-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.choice-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 11px;
  background: #f2e4d7;
  font-size: 18px;
}

.choice-text {
  min-width: 0;
}

.choice-text strong {
  display: block;
  color: #3b2920;
  font-size: 13px;
  line-height: 1.2;
}

.choice-text small {
  display: block;
  margin-top: 3px;
  color: #8a7669;
  font-size: 11px;
  line-height: 1.2;
}

.contact-fields {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.contact-fields input,
.contact-fields textarea,
#deliveryFields input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(59,41,32,.10);
  border-radius: 15px;
  background: #fffaf3;
  color: #3b2920;
  outline: none;
}

.contact-fields input:focus,
.contact-fields textarea:focus,
#deliveryFields input:focus {
  border-color: #b65f3d;
  box-shadow: 0 0 0 3px rgba(182,95,61,.08);
}

.contact-fields textarea {
  min-height: 82px;
  resize: vertical;
}

#deliveryFields {
  margin-top: 9px;
}

.payment-group {
  margin-bottom: 4px;
}

.checkout-main-btn {
  width: 100%;
  min-height: 56px;
  margin-top: 20px;
  border-radius: 17px;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(182,95,61,.18);
}

.checkout-note {
  margin: 9px 4px 2px;
  text-align: center;
  color: #97877c;
  font-size: 11px;
  line-height: 1.4;
}

/* На небольших экранах карточки выбора остаются удобными */
@media (max-width: 390px) {
  .choice-group {
    grid-template-columns: 1fr;
  }

  .choice-card {
    min-height: 60px;
  }

  .cart-row {
    padding: 12px;
  }
}
.cart-delete {
  margin-left: 3px;
  background: #eadbd0 !important;
  color: #9b6048 !important;
  font-size: 14px !important;
}
/* =========================
   КОМПАКТНЫЙ БЛОК «СЕГОДНЯ В АВ»
   ========================= */

.quick-picks {
  margin: 22px 0 18px;
  padding: 0 2px;
}

.quick-picks-heading {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
}

.quick-picks-heading > span {
  font-size: 24px;
  line-height: 1;
}

.quick-picks-kicker {
  margin-bottom: 2px;
  color: #a27661;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.quick-picks-heading h2 {
  margin: 0;
  color: #3b2920;
  font-size: 21px;
  line-height: 1.15;
}

.quick-picks-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quick-pick-card {
  width: 100%;
  min-height: 78px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 13px 13px 16px;

  border: 1px solid rgba(59,41,32,.08);
  border-radius: 17px;

  background: rgba(255,250,243,.88);
  box-shadow: 0 3px 12px rgba(59,41,32,.045);

  text-align: left;
  color: #3b2920;
  cursor: pointer;

  -webkit-tap-highlight-color: transparent;
  transition: transform .15s ease, box-shadow .15s ease;
}

.quick-pick-card:active {
  transform: scale(.985);
}

.quick-pick-info {
  min-width: 0;
  flex: 1;
}

.quick-pick-info strong {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 1.2;
}

.quick-pick-info span {
  display: block;
  overflow: hidden;

  color: #89776c;
  font-size: 12px;
  line-height: 1.25;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.quick-pick-info b {
  display: block;
  margin-top: 7px;

  color: #b65f3d;
  font-size: 14px;
}

.quick-pick-plus {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  flex-shrink: 0;

  border-radius: 12px;
  background: #3b2920;
  color: #fffaf3;

  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
.quick-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 18px;
}

.quick-categories button {
  min-height: 39px;
  padding: 7px 13px;

  display: flex;
  align-items: center;
  gap: 6px;

  border: 1px solid rgba(59,41,32,.08);
  border-radius: 999px;

  background: rgba(255,250,243,.82);
  color: #3b2920;

  font-size: 13px;
  font-weight: 600;
}

.quick-categories button span {
  font-size: 15px;
}

.quick-categories button b {
  font-weight: 600;
}

/* Предложение картошки фри в корзине */
.cart-fries-offer {
  margin: 14px 0;
  padding: 16px;
  border: 2px solid #d99b38;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff8e9, #f8ead0);
  color: #30291f;
  box-shadow: 0 5px 18px rgba(120, 75, 20, 0.12);
}

.cart-fries-offer.hidden {
  display: none;
}

.cart-fries-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cart-fries-emoji {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #f4d99e;
  font-size: 34px;
}

.cart-fries-info {
  flex: 1;
  min-width: 0;
}

.cart-fries-info strong {
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
}

.cart-fries-info span {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: #655844;
}

.cart-fries-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}

.cart-fries-price {
  font-size: 17px;
  font-weight: 800;
}

.cart-fries-button {
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  background: #30291f;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.cart-dessert-offer {
  margin: 14px 0;
  padding: 16px;
  border: 2px solid #b98b68;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff7ef, #f1dfcf);
  color: #30291f;
  box-shadow: 0 5px 18px rgba(100, 60, 30, 0.12);
}
.cart-dessert-offer.hidden { display: none; }
.cart-dessert-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cart-dessert-emoji {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #ead0b8;
  font-size: 34px;
}
.cart-dessert-info { flex: 1; min-width: 0; }
.cart-dessert-info strong {
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
}
.cart-dessert-info span {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: #655844;
}
.cart-dessert-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}
.cart-dessert-price { font-size: 17px; font-weight: 800; }
.cart-dessert-button {
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  background: #30291f;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}