/* FloatCommerce RC2.7.3 — Homepage Discovery + Dual Video */
.fc273-discovery{
  position:relative;
  overflow:hidden;
  padding:72px 0!important;
  background:
    radial-gradient(circle at 4% 5%,rgba(185,31,44,.07),transparent 24%),
    radial-gradient(circle at 96% 92%,rgba(22,131,75,.07),transparent 25%),
    #fff!important;
}
.fc273-discovery-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;
}
.fc273-discovery-head>div{max-width:720px}
.fc273-discovery-head span,.fc273-video-copy>span{
  display:block;margin-bottom:7px;color:#B91F2C;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
}
.fc273-discovery-head h2{
  margin:0;color:#0B2442;font-size:clamp(31px,3.4vw,46px);line-height:1.06;letter-spacing:-.045em;font-weight:900;
}
.fc273-discovery-head p{
  max-width:650px;margin:12px 0 0;color:#667085;font-size:15px;line-height:1.65;
}
.fc273-see-menu{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #DDE2E7;border-radius:10px;
  background:#fff;color:#0B2442;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 4px 14px rgba(16,24,40,.04);
}
.fc273-see-menu:hover{color:#B91F2C;border-color:#E5B7BD}
.fc273-see-menu b{font-size:18px;line-height:1}

.fc273-category-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;
}
.fc273-category-card{
  position:relative;overflow:hidden;display:block;min-width:0;border:1px solid #E7EAF0;border-radius:18px;background:#fff;
  color:inherit;text-decoration:none;box-shadow:0 7px 22px rgba(16,24,40,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.fc273-category-card:hover{transform:translateY(-5px);border-color:#D8DEE5;box-shadow:0 18px 38px rgba(16,24,40,.11)}
.fc273-category-media{position:relative;height:190px;overflow:hidden;background:#F4F5F7}
.fc273-category-media::after{
  content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(11,36,66,.18));pointer-events:none;
}
.fc273-category-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.fc273-category-card:hover .fc273-category-media img{transform:scale(1.045)}
.fc273-category-placeholder{
  display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#FFF1F2,#FFF8E4);
  color:#B91F2C;font-size:50px;font-weight:900;
}
.fc273-category-arrow{
  position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.94);color:#0B2442;font-size:18px;font-weight:900;box-shadow:0 5px 14px rgba(16,24,40,.13);
}
.fc273-category-copy{padding:15px 16px 17px}
.fc273-category-copy strong{display:block;color:#0B2442;font-size:17px;font-weight:900;line-height:1.25}
.fc273-category-copy small{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.45}
.fc273-category-card:nth-child(4n+1){border-bottom:3px solid #B91F2C}
.fc273-category-card:nth-child(4n+2){border-bottom:3px solid #16834B}
.fc273-category-card:nth-child(4n+3){border-bottom:3px solid #D4A92D}
.fc273-category-card:nth-child(4n){border-bottom:3px solid #0B2442}

/* Dual video showcase */
.fc273-video-showcase{
  padding:76px 0;background:linear-gradient(135deg,#071A2E 0%,#0B2442 58%,#153A61 100%);overflow:hidden;
}
.fc273-video-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:46px;align-items:center}
.fc273-video-copy h2{margin:0;color:#fff;font-size:clamp(32px,3.6vw,48px);line-height:1.07;letter-spacing:-.045em;font-weight:900}
.fc273-video-copy p{max-width:540px;margin:15px 0 0;color:#C6D0DB;font-size:15px;line-height:1.7}
.fc273-video-points{display:grid;gap:9px;margin-top:20px}
.fc273-video-points span{position:relative;padding-left:22px;color:#E7EDF3;font-size:13px;font-weight:750}
.fc273-video-points span::before{content:"✓";position:absolute;left:0;color:#55D18B;font-weight:900}
.fc273-video-copy a{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:24px;padding:0 17px;border-radius:9px;
  background:#B91F2C;color:#fff;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.fc273-video-stack{position:relative;min-height:430px}
.fc273-video-card{
  position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#020A12;
  box-shadow:0 22px 50px rgba(0,0,0,.28);
}
.fc273-video-card video,.fc273-video-card>img{display:block;width:100%;height:100%;object-fit:cover}
.fc273-video-main{left:0;top:0;width:72%;height:370px}
.fc273-video-secondary{right:0;bottom:0;width:43%;height:255px;border:5px solid #0B2442}
.fc273-video-label{
  position:absolute;left:13px;bottom:13px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;
  background:rgba(7,26,46,.82);color:#fff;font-size:10.5px;font-weight:800;backdrop-filter:blur(8px);
}
.fc273-video-label i{display:block;width:7px;height:7px;border-radius:50%;background:#55D18B;box-shadow:0 0 0 4px rgba(85,209,139,.13)}

@media(max-width:1050px){
  .fc273-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fc273-video-grid{grid-template-columns:1fr;gap:30px}
  .fc273-video-copy{max-width:720px}
  .fc273-video-stack{min-height:420px}
}
@media(max-width:760px){
  .fc273-discovery{padding:52px 0!important}
  .fc273-discovery-head{align-items:flex-start;flex-direction:column;gap:16px}
  .fc273-category-grid{display:flex;overflow-x:auto;gap:13px;padding:3px 2px 16px;scroll-snap-type:x mandatory}
  .fc273-category-card{min-width:245px;scroll-snap-align:start}
  .fc273-category-media{height:165px}
  .fc273-video-showcase{padding:54px 0}
  .fc273-video-stack{min-height:360px}
  .fc273-video-main{width:78%;height:315px}
  .fc273-video-secondary{width:46%;height:210px}
}
@media(max-width:520px){
  .fc273-category-card{min-width:220px}
  .fc273-video-stack{min-height:300px}
  .fc273-video-main{width:84%;height:260px;border-radius:15px}
  .fc273-video-secondary{width:48%;height:175px;border-radius:14px}
  .fc273-video-label{left:9px;bottom:9px;padding:6px 8px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
  .fc273-category-card,.fc273-category-media img{transition:none}
}