.okuma-bag-hero{ height:220vh; position:relative; }
.okuma-bag-sticky{
	position:sticky; top:0; height:100vh;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	overflow:hidden; background:#0B2027; color:#F4E9D8;
}
.okuma-bag-row{ display:flex; align-items:center; gap:24px; }
.okuma-bag-photo-frame{
	position:relative; width:min(72vw,320px); aspect-ratio:3/4;
	border-radius:22px; overflow:hidden;
	box-shadow:0 30px 60px rgba(0,0,0,.5), inset 0 0 0 3px rgba(201,169,97,.25);
}
.okuma-bag-photo{
	position:absolute; inset:0; background-size:cover; background-position:center;
	transition:opacity .05s linear;
}
.okuma-bag-photo-closed{ opacity:1; }
.okuma-bag-photo-open{ opacity:0; }
.okuma-bag-vignette{
	position:absolute; inset:0; pointer-events:none;
	background:radial-gradient(ellipse at center, transparent 35%, rgba(11,32,39,.7) 100%);
}
.okuma-bag-item{ position:absolute; display:flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none; color:#F4E9D8; opacity:0; z-index:6; }
.okuma-bag-item .okuma-icon{ width:44px; height:44px; border-radius:50%; background:#F4E9D8; color:#0B2027; display:flex; align-items:center; justify-content:center; font-weight:700; box-shadow:0 6px 14px rgba(0,0,0,.4); }
.okuma-bag-item .okuma-label{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; background:rgba(11,32,39,.75); padding:2px 8px; border-radius:20px; }
.okuma-item-reel{ left:55%; top:78%; transform:translate(-50%,-50%); }
.okuma-item-box{ left:48%; top:22%; transform:translate(-50%,-50%); }

.okuma-rod-compartment{
	position:relative; width:90px; height:min(60vw,340px);
	border-radius:16px; background:linear-gradient(160deg,#3a4f45,#1c2a24 75%);
	box-shadow:0 20px 40px rgba(0,0,0,.4);
	display:flex; align-items:flex-end; justify-content:center; padding-bottom:16px;
	text-decoration:none; overflow:hidden;
	transform:translateX(60px); opacity:0; transition:transform .05s linear, opacity .05s linear;
}
.okuma-rod-shape{ position:absolute; left:50%; bottom:-10%; width:6px; height:120%; background:#C9A961; transform:translateX(-50%) rotate(8deg); border-radius:4px; }
.okuma-rod-label{ position:relative; z-index:2; font-size:11px; letter-spacing:.06em; text-transform:uppercase; background:rgba(11,32,39,.75); color:#F4E9D8; padding:3px 10px; border-radius:20px; }

.okuma-bag-hint{ position:absolute; bottom:6vh; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#C9A961; }

.okuma-section-title{ font-size:clamp(22px,3vw,34px); margin:0 0 28px; }
.okuma-center{ text-align:center; }
.okuma-cat-grid, .okuma-species, .okuma-buying{ padding:70px 6vw; }
.okuma-grid{ display:grid; grid-template-columns:1.4fr 1fr; grid-template-rows:220px 180px; gap:16px; }
.okuma-cat{ position:relative; border-radius:14px; overflow:hidden; display:flex; align-items:flex-end; padding:18px; color:#fff; font-size:18px; text-decoration:none; }
.okuma-cat-reels{ grid-row:1/3; background:linear-gradient(135deg,#2E5F5C,#0B2027); }
.okuma-cat-canas{ background:linear-gradient(135deg,#C9A961,#7a5f2f); }
.okuma-cat-tools{ background:linear-gradient(135deg,#4a6357,#22322b); }
.okuma-cat-bolsos{ background:linear-gradient(135deg,#D4763B,#7a3d1f); }

.okuma-species{ background:#0B2027; color:#F4E9D8; }
.okuma-species-group{ max-width:900px; margin:0 auto 28px; }
.okuma-species-group-label{ display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#C9A961; margin-bottom:10px; }
.okuma-species-tabs{ display:flex; flex-wrap:wrap; gap:10px; }
.okuma-tab{ padding:9px 18px; border-radius:30px; border:1px solid #C9A961; background:transparent; color:#F4E9D8; cursor:pointer; }
.okuma-tab.active{ background:#D4763B; border-color:#D4763B; }
.okuma-combo{ display:none; grid-template-columns:repeat(3,1fr); gap:14px; max-width:760px; margin:36px auto 0; }
.okuma-combo.active{ display:grid; }
.okuma-card{ background:rgba(244,233,216,.06); border:1px solid rgba(244,233,216,.15); border-radius:12px; padding:14px; }
.okuma-thumb{ height:110px; border-radius:8px; margin-bottom:10px; background:linear-gradient(135deg,#2E5F5C,#0B2027); }

.okuma-buying .okuma-carousel{ display:flex; gap:16px; overflow-x:auto; padding-bottom:10px; }
.okuma-buy-card{ position:relative; min-width:210px; background:#fff; border:1px solid #eee; border-radius:14px; padding:16px; }
.okuma-badge{ position:absolute; top:12px; left:12px; background:#0B2027; color:#F4E9D8; font-size:10px; text-transform:uppercase; letter-spacing:.05em; padding:3px 8px; border-radius:20px; }
.okuma-badge-alt{ background:#D4763B; }
.okuma-buy-card .okuma-thumb{ background:linear-gradient(135deg,#e8e2d4,#c9a961); margin-top:8px; }
.okuma-tags{ display:flex; gap:6px; margin:10px 0 6px; flex-wrap:wrap; }
.okuma-tags span{ font-size:10px; background:#f2efe8; color:#333; padding:2px 8px; border-radius:20px; }
.okuma-buy-card h4{ font-size:14px; margin:0; }

@media(max-width:640px){
	.okuma-grid{ grid-template-columns:1fr; grid-template-rows:auto; }
	.okuma-cat-reels{ grid-row:auto; height:200px; }
	.okuma-combo{ grid-template-columns:1fr; }
	.okuma-bag-row{ gap:12px; }
	.okuma-rod-compartment{ width:64px; }
}