*{box-sizing:border-box;margin:0;padding:0;}

/* ── Google Font 보조 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Noto+Sans+KR:wght@300;400;500&display=swap');

/* ── 기본 Body */
body{
  font-family:'Noto Sans KR',sans-serif;
  font-weight:300;
  color:#3D2B1F;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  background-color:#FBF5EF;
  background-image:
    radial-gradient(ellipse at 15% 25%, rgba(242,210,198,.65) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 75%, rgba(212,195,228,.5) 0%, transparent 50%),
    repeating-linear-gradient(135deg, rgba(200,137,122,.07) 0px, rgba(200,137,122,.07) 1px, transparent 1px, transparent 18px);
  background-attachment: fixed, fixed, fixed;
}

/* ── 배경 보조 오버레이 없음 (body에 통합) */
body::after{content:none;}

.wrap{max-width:1040px;margin:0 auto;padding:1.5rem 1rem 4rem;}
.main-grid{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:nowrap;}
.left-col{flex:1;min-width:0;}
.right-col{width:270px;min-width:230px;flex-shrink:0;position:sticky;top:16px;}

/* ────────────────────────────────────── MOBILE ── */
@media(max-width:720px){
  /* ── 레이아웃 */
  .wrap{padding:.625rem .625rem 5rem;}
  .main-grid{flex-direction:column;gap:.625rem;}
  .right-panel-img{display:none;}
  .right-col{width:100%;position:static;margin-top:0;}
  .left-col{width:100%;}
  /* ── 카드 */
  .card{padding:14px 14px;margin-bottom:10px;border-radius:18px;}
  .summary-card{padding:14px 14px;border-radius:18px;}
  .section-label{font-size:12px;margin-bottom:10px;}
  /* ── 탭 (가로 스크롤 방지 + 줄바꿈) */
  .section-tabs{gap:5px!important;flex-wrap:wrap!important;overflow-x:visible!important;padding-bottom:4px;scrollbar-width:none;margin-bottom:10px!important;justify-content:center!important;}
  .section-tabs::-webkit-scrollbar{display:none;}
  .sec-tab{white-space:nowrap;padding:7px 4px!important;font-size:12.5px!important;min-height:34px;border-radius:99px;font-weight:500;flex:0 0 30%!important;max-width:30%!important;text-align:center;box-sizing:border-box;}
  .cat-tabs-wrap{flex-wrap:wrap!important;overflow-x:visible!important;padding-bottom:4px;scrollbar-width:none;gap:6px;}
  .cat-tabs-wrap::-webkit-scrollbar{display:none;}
  .cat-tab{white-space:nowrap;padding:7px 11px!important;font-size:12px!important;min-height:34px;}
  /* ── 버튼 (터치 영역 ≥ 40px) */
  button{min-height:40px;font-size:13px;}
  .qty-ctrl{gap:0;}
  .qty-ctrl button{min-width:30px!important;min-height:30px!important;padding:3px 10px!important;font-size:14px!important;}
  /* ── 옵션 핑 카드 */
  .cake-opts-grid{grid-template-columns:1fr!important;}
  .opt-pill,.disc-pill{padding:8px 12px!important;border-radius:12px!important;gap:8px!important;min-height:44px!important;}
  .opt-pill p:first-of-type,.disc-pill p:first-of-type{font-size:13px!important;line-height:1.3!important;}
  .opt-pill p:nth-of-type(2),.disc-pill p:nth-of-type(2){font-size:10.5px!important;line-height:1.3!important;margin-top:1px!important;}
  /* ── 제품 카드 */
  .prod-card,.prod-row,.seolgi-card{padding:14px 14px;border-radius:14px;min-height:48px;}
  /* ── 색상 칩 */
  .color-chip{padding:8px 12px;font-size:12px;min-height:36px;}
  /* ── 입력 폼 (iOS 자동 줌 방지 위해 16px 유지) */
  input,textarea,select{font-size:16px!important;padding:11px 14px;}
  textarea{min-height:72px;}
  input[type="date"]{cursor:pointer;}
  label{font-size:12px;}
  /* ── 모달 (하단 시트) */
  .modal-box{max-width:100%!important;margin:0;border-radius:24px 24px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0;}
  .modal-overlay{align-items:flex-end;padding:0;}
  .modal-header{padding:14px 16px;}
  .right-col .card{margin-bottom:10px;}
  .img-placeholder{min-height:120px;}
  .acc-device-badge{display:flex;}
  /* ── 가로 스크롤 방지 (안전망) */
  body{overflow-x:hidden;}
  /* ── 링크/버튼 터치 영역 ≥ 36px 보장 */
  a,button,[onclick]{touch-action:manipulation;}
}
@media(min-width:601px){.acc-device-badge{display:flex;}}
@media(max-width:600px){
  .modal-overlay{padding:0!important;}
  .grp-hd{flex-wrap:wrap;gap:6px;}
  .acc-btn-full{width:100%;}
  .accent-btn{padding:13px 16px;font-size:14px;min-height:46px;}
  .quote-card{padding:18px 16px!important;}
}

/* ── CSS 변수 */
:root{
  --color-background-primary:#FFFDF9;
  --color-background-secondary:#F4EDE7;
  --color-text-primary:#3D2B1F;
  --color-text-secondary:#7A5546;
  --color-border-tertiary:rgba(200,137,122,.14);
  --color-border-secondary:rgba(200,137,122,.28);
  --color-border-primary:rgba(200,137,122,.55);
  --color-text-danger:#9E5F52;
  --border-radius-md:12px;--border-radius-lg:18px;
  --c-pink-bg:#F6E9E3;--c-pink-text:#9E5F52;--c-pink-mid:#C8897A;
  --c-green-bg:#EEF1EB;--c-green-text:#6E8264;--c-green-mid:#6E8264;--c-green-bdr:#A8B59E;
  --c-amber-bg:#F3EDE0;--c-amber-text:#7A6048;
  --shadow-soft:0 4px 20px rgba(160,98,80,.10);
  --shadow-card:0 2px 12px rgba(180,120,100,.08), 0 1px 3px rgba(180,120,100,.06);
}

/* ── 버튼 */
button{
  padding:6px 14px;
  border:1px solid var(--color-border-secondary);
  border-radius:99px;
  background:var(--color-background-primary);
  color:var(--color-text-primary);
  cursor:pointer;font-size:13px;
  font-family:inherit;
  transition:all .2s ease;
  -webkit-tap-highlight-color:transparent;
}
button:hover{background:var(--c-pink-bg);border-color:var(--c-pink-mid);}
button:focus{outline:none;}
button:focus:not(:focus-visible){background:var(--color-background-primary);border-color:var(--color-border-secondary);}
button:active{transform:scale(.97);}

/* ── 입력 필드 */
input,textarea{
  border:1px solid var(--color-border-secondary);
  border-radius:var(--border-radius-md);
  padding:8px 12px;
  background:var(--color-background-primary);
  color:var(--color-text-primary);
  font-size:14px;font-family:inherit;
  outline:none;width:100%;
  transition:border-color .2s, box-shadow .2s;
}
input:focus,textarea:focus{
  border-color:var(--c-pink-mid);
  box-shadow:0 0 0 3px rgba(200,137,122,.12);
}

/* ── 카드 */
.card{
  background:linear-gradient(145deg, rgba(255,253,249,1) 0%, rgba(251,246,242,.97) 100%);
  border:1px solid var(--color-border-tertiary);
  border-radius:var(--border-radius-lg);
  padding:1.1rem 1.3rem;
  margin-bottom:1rem;
  box-shadow:var(--shadow-card);
  position:relative;
  overflow:hidden;
}
/* 카드 왼쪽 상단 부드러운 장식선 */
.card::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg, rgba(200,137,122,.35), rgba(200,137,122,.08) 60%, transparent);
  border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

/* ── 섹션 라벨 */
.section-label{
  font-size:10px;
  font-weight:500;
  color:var(--c-pink-mid);
  text-transform:uppercase;
  letter-spacing:.16em;
  display:flex;align-items:center;gap:6px;
  margin-bottom:12px;
}
.section-label::before{
  content:'';
  display:inline-block;width:4px;height:4px;
  border-radius:50%;
  background:var(--c-pink-mid);
  opacity:.7;
  flex-shrink:0;
}

/* ── 상단 섹션 탭 */
.sec-tab{
  padding:9px 30px;
  border-radius:99px;
  border:1px solid var(--color-border-secondary);
  cursor:pointer;font-size:13.5px;font-weight:500;
  background:var(--color-background-primary);
  color:var(--color-text-secondary);
  transition:all .2s ease;
  letter-spacing:.01em;
  min-width:90px;text-align:center;
}
.sec-tab.active{
  background:linear-gradient(135deg, #D4917F 0%, #C8897A 50%, #BA7B6E 100%);
  color:white;border-color:transparent;
  box-shadow:0 3px 12px rgba(200,137,122,.38);
  font-weight:500;
}
@media (hover:hover){
  .sec-tab:hover{background:var(--c-pink-bg);border-color:var(--c-pink-mid);color:var(--c-pink-mid);}
}

/* ── 카테고리 탭 */
.cat-tab{
  padding:7px 16px;
  border-radius:99px;
  border:1px solid var(--color-border-secondary);
  cursor:pointer;font-size:13px;
  background:var(--color-background-primary);
  color:var(--color-text-secondary);
  transition:all .2s ease;
}
.cat-tab.active{
  background:linear-gradient(135deg, #D4917F 0%, #C8897A 100%);
  color:white;border-color:transparent;
  box-shadow:0 2px 8px rgba(200,137,122,.30);
  font-weight:600;
}
@media (hover:hover){
  .cat-tab:hover{background:var(--c-pink-bg);border-color:var(--c-pink-mid);}
}

/* ── 제품 카드 */
.prod-card{
  background:var(--color-background-secondary);
  border:1px solid var(--color-border-tertiary);
  border-radius:var(--border-radius-md);
  padding:11px 14px;
  cursor:pointer;
}
@media (hover:hover){
  .prod-card{
    transition:background-color .2s ease, box-shadow .2s ease, border-color .2s ease, transform .2s ease;
  }
  .prod-card:hover{
    box-shadow:0 6px 18px rgba(180,120,100,.14);
    border-color:rgba(200,137,122,.3);
    transform:translateY(-2px);
  }
  .accent-btn:hover{transform:translateY(-1px);}
}
.prod-card.sel{
  background:var(--c-pink-bg);
  border:1.5px solid var(--c-pink-mid);
  box-shadow:0 4px 14px rgba(200,137,122,.20);
}

/* ── 제품 행 */
.prod-row{
  padding:10px 14px;border-radius:var(--border-radius-md);
  border:1px solid var(--color-border-tertiary);
  cursor:pointer;background:var(--color-background-primary);
  transition:background-color .2s ease, border-color .2s ease;
}
.prod-row:hover{background:var(--c-pink-bg);border-color:rgba(200,137,122,.3);}
.prod-row.sel{background:var(--c-pink-bg);border:1.5px solid var(--c-pink-mid);}

/* ── 설기 카드 */
.seolgi-card{
  padding:11px 14px;border-radius:var(--border-radius-md);
  border:1px solid var(--color-border-tertiary);
  cursor:pointer;background:var(--color-background-primary);
  transition:all .2s ease;
}
.seolgi-card:hover{background:var(--c-pink-bg);}
.seolgi-card.sel{background:var(--c-pink-bg);border:1.5px solid var(--c-pink-mid);}
.seolgi-card.locked{opacity:.35;cursor:not-allowed;pointer-events:none;}

/* ── 옵션 필 */
.opt-pill,.disc-pill{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  border-radius:var(--border-radius-md);
  border:1px solid var(--color-border-tertiary);
  background:var(--color-background-primary);
  cursor:pointer;user-select:none;
  transition:background-color .2s ease, border-color .2s ease;
}
/* 옵션이 그리드 전체 폭을 차지해야 할 때 (예: 골드숫자초 - 숫자 선택 박스를 하단에 펼치기 위해) */
.opt-full{grid-column:1/-1!important;}
.opt-pill:hover{background:var(--c-pink-bg);border-color:rgba(200,137,122,.3);}
.opt-pill.sel{background:var(--c-pink-bg);border:1.5px solid var(--c-pink-mid);}
.opt-pill.free-sel{background:var(--c-green-bg);border:1.5px solid var(--c-green-mid);}
.opt-pill.muted{opacity:.4;cursor:not-allowed;pointer-events:none;}
.disc-pill:hover{background:var(--c-green-bg);}
.disc-pill.sel{background:var(--c-green-bg);border:1.5px solid var(--c-green-mid);}
.disc-pill.dis{opacity:.45;cursor:not-allowed;}

/* ── 색상 칩 */
.color-chip{
  display:flex;align-items:center;gap:6px;
  padding:7px 12px;
  border-radius:99px;
  border:1px solid var(--color-border-secondary);
  background:var(--color-background-primary);
  cursor:pointer;transition:all .2s;user-select:none;
}
.color-chip:hover{border-color:var(--c-pink-mid);}
.color-chip.sel{border:1.5px solid var(--c-pink-mid);background:var(--c-pink-bg);}

/* ── 체크박스 */
.chk{width:16px;height:16px;border-radius:4px;flex-shrink:0;border:1.5px solid var(--color-border-secondary);display:flex;align-items:center;justify-content:center;}
.chk.p{background:linear-gradient(135deg,#D4917F,#C8897A);border:none;}
.chk.g{background:#6E8264;border:none;}
.chk.a{background:#8B7355;border:none;}

/* ── 토글 */
.toggle{display:inline-flex;align-items:center;width:42px;height:23px;border-radius:99px;background:var(--color-border-secondary);cursor:pointer;padding:2px;transition:background .25s;}
.toggle.on{background:linear-gradient(90deg,#D4917F,#C8897A);}
.toggle-knob{width:19px;height:19px;border-radius:50%;background:white;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.2);}

/* ── 메인 액션 버튼 */
.accent-btn{
  background:linear-gradient(135deg, #D4917F 0%, #C8897A 60%, #BA7B6E 100%);
  color:white;border:none;
  border-radius:99px;
  padding:13px 16px;font-size:14px;font-weight:500;
  cursor:pointer;width:100%;margin-bottom:8px;font-family:inherit;
  letter-spacing:.02em;
  box-shadow:0 4px 14px rgba(200,137,122,.35);
  transition:all .2s ease;
}
.accent-btn:hover{
  background:linear-gradient(135deg, #C8897A 0%, #B87B6E 100%);
  box-shadow:0 6px 20px rgba(200,137,122,.45);
}
.accent-btn:active{transform:scale(.98);}

/* ── 그룹 헤더 */
.grp-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.grp-note{font-size:11px;color:var(--color-text-secondary);font-style:italic;}

/* ── 수량 컨트롤 */
.qty-ctrl{display:flex;align-items:center;gap:6px;}
.qty-ctrl button{padding:3px 11px!important;font-size:14px!important;border-radius:99px;}

/* ── 안내 박스 */
.notice-pink{
  padding:10px 14px;
  background:linear-gradient(135deg, rgba(246,233,227,.9), rgba(250,241,238,.9));
  border-radius:var(--border-radius-md);
  border:1px solid rgba(200,137,122,.25);
  border-left:3px solid #C8897A;
  margin-bottom:10px;
}
.notice-green{
  padding:10px 12px;
  background:var(--c-green-bg);
  border-radius:var(--border-radius-md);
  border:1px solid rgba(110,130,100,.2);
  margin-bottom:12px;margin-top:12px;
}
.msg-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;
  background:var(--c-green-bg);
  border:1px solid var(--c-green-mid);
  border-radius:99px;
}
.info-box{
  margin-top:10px;padding:10px 14px;
  background:linear-gradient(135deg, rgba(246,233,227,.8), rgba(252,246,242,.8));
  border-radius:var(--border-radius-md);
  border:1px solid rgba(200,137,122,.2);
  border-left:3px solid #C8897A;
}

/* ── 오른쪽 패널 이미지 */
.right-panel-img{
  background:var(--color-background-primary);
  border:1px solid var(--color-border-tertiary);
  border-radius:var(--border-radius-lg);
  overflow:hidden;margin-bottom:1rem;
  box-shadow:var(--shadow-card);
}
.right-panel-img img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:var(--color-background-secondary);}
.img-placeholder{width:100%;aspect-ratio:1/1;background:var(--color-background-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.img-info{padding:12px 14px 14px;}

/* ── 요약 카드 */
.summary-card{
  background:linear-gradient(150deg, rgba(255,253,249,1) 0%, rgba(251,244,240,.97) 100%);
  border:1px solid var(--color-border-tertiary);
  border-radius:var(--border-radius-lg);
  padding:1.1rem 1.3rem;
  box-shadow:var(--shadow-card);
  position:relative;overflow:hidden;
}
.summary-card::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg, rgba(200,137,122,.35), rgba(200,137,122,.08) 60%, transparent);
}

/* ── 모달 */
.modal-overlay{position:fixed;inset:0;background:rgba(40,20,10,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);}
.modal-box{
  background:linear-gradient(160deg,#FFFDF9,#FBF5F0);
  border-radius:var(--border-radius-lg);
  max-width:600px;width:100%;
  max-height:90vh;overflow-y:auto;
  box-shadow:0 32px 80px rgba(0,0,0,.22);
  border:1px solid rgba(200,137,122,.15);
}
.modal-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;
  border-bottom:1px solid var(--color-border-tertiary);
  position:sticky;top:0;
  background:linear-gradient(90deg, #FFFDF9, #FAF6F2);
  z-index:1;
}
.modal-close{
  background:var(--c-pink-bg);border:none;border-radius:99px;
  width:32px;height:32px;cursor:pointer;
  font-size:16px;color:var(--color-text-secondary);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:all .2s;
}
.modal-close:hover{background:var(--c-pink-mid);color:white;}
.modal-overlay.open{display:flex;}

/* ── 타이틀/앱 헤더 꾸미기 */
h1,h2,h3{font-family:'Cormorant Garamond',serif;}

/* ── 페이지 타이틀 추가 스타일 */
.shop-title-area{
  text-align:center;
  padding:1.8rem 1rem 1.4rem;
  position:relative;
}
.shop-title-area::before{
  content:'✦';
  display:block;
  font-size:12px;color:var(--c-pink-mid);
  opacity:.6;letter-spacing:6px;
  margin-bottom:6px;
}
.shop-title{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;font-weight:500;
  color:#3D2B1F;
  letter-spacing:.06em;
  line-height:1.2;
}
.shop-subtitle{
  font-size:11.5px;
  color:var(--color-text-secondary);
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-top:4px;opacity:.8;
}
.shop-title-divider{
  width:48px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,137,122,.5), transparent);
  margin:10px auto 0;
}

/* ── 섹션 탭 컨테이너 */
.section-tabs{
  display:flex;gap:8px;
  margin-bottom:1.2rem;
  flex-wrap:wrap;
  justify-content:center;
  padding:4px 2px;
}

/* ── 스크롤바 */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px;}
::-webkit-scrollbar-thumb{background:rgba(200,137,122,.4);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(200,137,122,.65);}

@media print{.no-print{display:none!important;}}

/* ── 터치 기기에서 hover 효과 모두 비활성화 (LDplayer/모바일 깜빡임 방지) */
@media (hover:none){
  button:hover,
  .prod-card:hover,
  .prod-row:hover,
  .seolgi-card:hover,
  .opt-pill:hover,
  .disc-pill:hover,
  .color-chip:hover,
  .accent-btn:hover,
  .modal-close:hover{
    background:inherit;
    border-color:inherit;
    color:inherit;
    transform:none;
    box-shadow:none;
  }
}
@keyframes tteokNewBlink{0%,100%{opacity:1}50%{opacity:.22}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tbShim{0%{background-position:-160px 0}100%{background-position:160px 0}}
.tb-skel{background-color:#F3D9D1;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);background-size:160px 100%;background-repeat:no-repeat;animation:tbShim 1.15s infinite linear;}
.tb-img{opacity:0;transition:opacity .35s ease;}
.tb-img.tb-on{opacity:1;}
@keyframes kakaoPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(254,229,0,.55);}50%{transform:scale(1.025);box-shadow:0 0 0 10px rgba(254,229,0,0);}}
@keyframes friendBreathe{0%,100%{box-shadow:0 0 5px 0 rgba(194,24,91,.18);}50%{box-shadow:0 0 16px 3px rgba(194,24,91,.5);}}
@keyframes cartBreathe{0%,100%{transform:scale(1);box-shadow:0 6px 16px rgba(180,102,82,.24),0 0 0 0 rgba(200,137,122,.36);}50%{transform:scale(1.045);box-shadow:0 10px 24px rgba(180,102,82,.34),0 0 0 8px rgba(200,137,122,0);}}
@keyframes cartRing{0%{opacity:.55;transform:scale(.92);}70%,100%{opacity:0;transform:scale(1.18);}}
.kakao-pulse{animation:kakaoPulse 1.6s ease-in-out infinite;}
.mobile-cart-cta{position:relative!important;background:linear-gradient(135deg,#C8897A,#B9785F)!important;border:1px solid rgba(180,102,82,.55)!important;color:#fff!important;box-shadow:0 6px 16px rgba(180,102,82,.24);animation:cartBreathe 1.9s ease-in-out infinite;transform-origin:center;}
.mobile-cart-cta svg{stroke:#fff!important;}
.mobile-cart-cta::after{content:'';position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(200,137,122,.45);pointer-events:none;animation:cartRing 1.9s ease-out infinite;}
.mobile-cart-cta:active{transform:scale(.97);}
.b-spinner{width:38px;height:38px;border:4px solid #F0E0D5;border-top-color:#C8897A;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;}

/* 메인 사진 무한 흐름 */
.ig-flow{animation:igflow 50s linear infinite;will-change:transform;}
.ig-flow-wrap:hover .ig-flow{animation-play-state:paused;}
@keyframes igflow{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.ig-flow,.mobile-cart-cta{animation:none;}.mobile-cart-cta::after{display:none;}}
/* 답례떡 1~4구 대표 이미지 축소 */
.gu-main-image-compact{
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:8px 0;
  aspect-ratio:auto !important;
  height:auto !important;
  max-height:380px !important;
  background:var(--color-background-secondary);
}
.gu-main-image-compact img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:380px !important;
  object-fit:contain !important;
}
@media (max-width:720px){
  .gu-main-image-compact{
    max-height:260px !important;
  }
  .gu-main-image-compact img{
    max-height:260px !important;
  }
}