.booking-platforms { width: min(1180px, calc(100% - 40px)); margin: 36px auto 0; padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid rgba(190,139,42,.45); border-radius: 24px; background: linear-gradient(135deg,#fffdf8,#f5e3b7); box-shadow: 0 16px 40px rgba(79,49,13,.11); }
.booking-platforms h2 { margin: 3px 0 8px; color: #2b2018; font: 700 clamp(1.45rem,2.8vw,2.2rem)/1.05 Georgia,serif; }
.booking-platforms p:not(.eyebrow) { margin: 0; max-width: 440px; color: #705b3b; font-size: .82rem; line-height: 1.65; }
.booking-platforms .eyebrow { margin: 0; color: #a47725; font-size: .66rem; font-weight: 800; letter-spacing: .18em; }
.booking-platform-grid { display: grid; grid-template-columns: repeat(2,minmax(190px,1fr)); gap: 12px; min-width: 410px; }
.platform-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 115px; padding: 18px; border: 1px solid rgba(190,139,42,.32); border-radius: 18px; text-decoration: none; background: rgba(255,255,255,.72); transition: transform .25s ease, box-shadow .25s ease; }
.platform-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(80,51,12,.16); }
.platform-wordmark { margin-bottom: 9px; font: 900 1.8rem/1 Arial,sans-serif; letter-spacing: -.08em; }
.agoda .platform-wordmark { color: #e85d32; }
.youtrip .platform-wordmark { color: #0d3c87; letter-spacing: -.05em; }
.platform-card strong { color: #2b2018; font-size: .84rem; }
.platform-card small { margin-top: 3px; color: #806b4c; font-size: .67rem; }
html[data-theme="night"] .booking-platforms { background: linear-gradient(135deg,#2a2117,#17120e); border-color: rgba(236,191,93,.4); }
html[data-theme="night"] .booking-platforms h2, html[data-theme="night"] .platform-card strong { color: #fff0d2; }
html[data-theme="night"] .booking-platforms p:not(.eyebrow), html[data-theme="night"] .platform-card small { color: #d1b985; }
html[data-theme="night"] .platform-card { background: rgba(39,31,21,.9); border-color: rgba(236,191,93,.3); }
@media (max-width: 760px) { .booking-platforms { width: calc(100% - 28px); display: block; padding: 22px 16px; } .booking-platform-grid { min-width: 0; margin-top: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); } .platform-card { min-height: 102px; padding: 13px; } .platform-wordmark { font-size: 1.45rem; } }

.booking-icons { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.booking-icon { display: inline-grid; place-items: center; min-width: 52px; height: 34px; padding: 0 9px; border: 1px solid rgba(190,139,42,.35); border-radius: 999px; background: #fffaf0; text-decoration: none; box-shadow: 0 4px 12px rgba(77,49,12,.1); transition: transform .2s ease, box-shadow .2s ease; }
.booking-icon:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(77,49,12,.17); }
.booking-icon span { font: 900 .75rem/1 Arial,sans-serif; letter-spacing: -.04em; }
.agoda-icon span { color: #e85d32; font-size: .95rem; }
.trip-icon span { color: #0d3c87; font-size: .7rem; }
.line-icon { background: #06c755; border-color: #06c755; }
.line-icon span { color: #fff; font-size: .62rem; letter-spacing: .02em; }
@media (max-width: 760px) { .booking-icons { gap: 4px; } .booking-icon { min-width: 40px; height: 30px; padding: 0 6px; } .booking-icon span { font-size: .55rem; } .agoda-icon span { font-size: .7rem; } .trip-icon span { font-size: .5rem; } }