.license-hero{

padding:90px 8%;

background:
linear-gradient(
135deg,
#0d47a1,
#2a6fe3
);

text-align:center;

color:white;

}


.license-hero h1{

font-size:55px;

margin-bottom:15px;

}


.license-hero p{

font-size:18px;

opacity:.9;

max-width:700px;

margin:auto;

}


.license-filter{

padding:35px;

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}


.license-filter button{

padding:12px 20px;

border:none;

background:white;

border-radius:30px;

font-weight:600;

cursor:pointer;

box-shadow:
0 4px 12px rgba(0,0,0,.08);

}


.license-filter .active{

background:#0d47a1;

color:white;

}



.license-container{

padding:80px 8%;

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(min(100%,320px),1fr));

gap:35px;

}



.license-item{

background:white;

border-radius:25px;

overflow:hidden;

box-shadow:
0 10px 35px rgba(0,0,0,.08);

transition:.4s;

}


.license-item:hover{

transform:translateY(-10px);

}


.license-image{

height:250px;

position:relative;

}


.license-image img{

width:100%;
height:100%;
object-fit:cover;

}


.coming-badge{

position:absolute;

top:15px;
right:15px;

background:#ff5722;

color:white;

padding:8px 12px;

border-radius:20px;

font-size:12px;

font-weight:bold;

}



.license-info{

padding:25px;

}


.license-tag{

background:#edf3ff;

padding:6px 14px;

border-radius:30px;

font-size:12px;

font-weight:bold;

color:#0d47a1;

}


.license-info h2{

margin-top:15px;

font-size:28px;

}


.license-info p{

margin:15px 0;

line-height:1.7;

color:#666;

}


.license-info h3{

margin:14px 0 8px;

color:#0d47a1;

font-size:18px;

}


.license-buttons{

display:flex;

gap:10px;

}


.license-buttons a{

flex:1;

padding:12px;

text-align:center;

text-decoration:none;

background:#0d47a1;

color:white;

border-radius:10px;

font-weight:600;

}

@media(max-width:900px){

.license-hero{

padding:76px 6%;

}

.license-hero h1{

font-size:42px;

}

.license-filter{

justify-content:flex-start;

overflow-x:auto;

flex-wrap:nowrap;

padding:24px 6%;

scrollbar-width:none;

}

.license-filter::-webkit-scrollbar{

display:none;

}

.license-filter button{

flex:0 0 auto;

white-space:nowrap;

}

.license-container{

padding:54px 6%;

gap:24px;

}

}

@media(max-width:520px){

.license-hero{

padding:62px 6%;

}

.license-hero h1{

font-size:34px;

}

.license-hero p{

font-size:16px;

}

.license-image{

height:210px;

}

.license-info{

padding:22px;

}

.license-info h2{

font-size:24px;

}

.license-buttons{

flex-direction:column;

}

}

/* Consistent catalogue artwork and actions on every screen size */
.license-item{display:flex;flex-direction:column;}
.license-image{height:clamp(210px,24vw,300px);display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(145deg,#f8fbff,#e9f1ff);}
.license-image img{width:100%;height:100%;max-width:100%;object-fit:contain;}
.license-info{display:flex;flex:1;flex-direction:column;}
.license-buttons{margin-top:auto;}
.license-buttons .license-btn{border:2px solid #0d47a1;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.license-buttons .license-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(13,71,161,.18);}
.license-buttons .license-btn-secondary{background:white;color:#0d47a1;}