.dnt-collection-page{margin:0;background:#f6f9fc;color:#18304c;font-family:"Be Vietnam Pro","Segoe UI",sans-serif;font-size:12px}
.dnt-collection-page h1,.dnt-collection-page h2,.dnt-collection-page h3{font-family:"Be Vietnam Pro","Segoe UI",sans-serif!important}
.collection-hero{height:270px;background:linear-gradient(90deg,rgba(3,43,87,.96),rgba(6,93,164,.68) 58%,rgba(5,72,122,.22)),var(--collection-hero) center 48%/cover no-repeat;color:#fff}
.collection-hero-inner{height:100%;display:flex;align-items:center}
.collection-hero-copy{max-width:690px}
.collection-hero-copy>span{display:inline-block;margin-bottom:9px;color:#78d5ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.collection-hero h1{margin:0 0 10px;color:#fff!important;font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1.25}
.collection-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.92);font-size:13px;line-height:1.75}
.collection-facts{display:flex;gap:0;margin-top:22px}
.collection-facts b{min-width:145px;margin-right:22px;padding-right:22px;border-right:1px solid rgba(255,255,255,.22);color:#fff;font-size:13px}
.collection-facts b:last-child{border:0}
.collection-facts small{display:block;margin-top:4px;color:rgba(255,255,255,.78);font-size:9px;font-weight:500}
.dnt-collection-page .site-breadcrumb{margin-block:15px}
.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:32px;align-items:start;padding-bottom:42px}
.collection-main{min-width:0}
.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.collection-heading span{display:block;margin-bottom:5px;color:#0875e1;font-size:9px;font-weight:800;letter-spacing:.11em}
.collection-heading h2{margin:0;color:#132a48!important;font-size:22px;font-weight:800;letter-spacing:-.02em}
.collection-heading p{margin:5px 0 0;color:#7a899b;font-size:10px}
.collection-lead{display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;margin-bottom:22px;border:1px solid #dce7f0;border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(22,59,97,.08)}
.collection-lead-image{min-height:315px;position:relative;overflow:hidden}
.collection-lead-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}
.collection-lead:hover .collection-lead-image img{transform:scale(1.025)}
.collection-lead-image>span,.collection-card-image>span{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:6px;background:#ff654a;color:#fff;font-size:9px;font-weight:800;box-shadow:0 5px 12px rgba(122,39,27,.18)}
.collection-lead>div{display:flex;flex-direction:column;justify-content:center;padding:28px}
.collection-label{align-self:flex-start;padding:5px 8px;border-radius:5px;background:#eaf4ff;color:#0875e1;font-size:9px;font-weight:800;text-transform:uppercase}
.collection-lead h2{margin:12px 0 10px;font-size:23px;line-height:1.45}
.collection-lead h2 a,.collection-card h3 a{color:inherit;text-decoration:none}
.collection-lead p{margin:0;color:#53677e;font-size:12px;line-height:1.75}
.collection-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 15px;margin-top:14px;color:#718399;font-size:9px}
.collection-meta span+span{position:relative}
.collection-meta span+span:before{content:"";width:3px;height:3px;position:absolute;left:-9px;top:6px;border-radius:50%;background:#a8b5c3}
.collection-read{align-self:flex-start;margin-top:18px;color:#0875e1;font-size:11px;font-weight:800;text-decoration:none}
.collection-read b{display:inline-block;margin-left:4px;transition:transform .2s}
.collection-read:hover b{transform:translateX(4px)}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
.collection-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce6ef;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(22,59,97,.065);transition:transform .2s,box-shadow .2s,border-color .2s}
.collection-card:hover{transform:translateY(-4px);border-color:#c8dceb;box-shadow:0 15px 30px rgba(22,59,97,.12)}
.collection-card-image{height:180px;position:relative;overflow:hidden}
.collection-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}
.collection-card:hover .collection-card-image img{transform:scale(1.04)}
.collection-card-body{display:flex;flex:1;flex-direction:column;padding:14px}
.collection-card h3{min-height:54px;display:-webkit-box;overflow:hidden;margin:9px 0 7px;color:#152b48!important;font-size:13px;font-weight:800;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.collection-card p{min-height:57px;display:-webkit-box;overflow:hidden;margin:0;color:#566b81;font-size:10px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.collection-card-link{margin-top:auto;padding-top:13px;color:#0875e1;font-size:10px;font-weight:800;text-decoration:none}
.collection-side{display:flex;flex-direction:column;gap:16px}
.collection-side>section{padding:20px;border:1px solid #dfe8f1;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(22,59,97,.05)}
.collection-side h2{margin:0 0 14px;color:#17304e!important;font-size:15px}
.collection-about>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:13px;border-radius:12px;background:#eaf4ff;color:#0875e1;font-size:22px}
.collection-about p,.collection-help p{color:#61748a;font-size:10px;line-height:1.75}
.collection-about>a{color:#0875e1;font-size:10px;font-weight:800;text-decoration:none}
.collection-categories{display:grid}
.collection-categories a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5;color:#425970;font-size:10px;text-decoration:none}
.collection-categories a:last-child{border:0}
.collection-categories a.active{color:#0875e1;font-weight:800}
.collection-categories b{min-width:26px;padding:3px 6px;border-radius:10px;background:#f0f5fa;color:#738397;font-size:8px;text-align:center}
.collection-categories a.active b{background:#e7f3ff;color:#0875e1}
.collection-help{background:linear-gradient(145deg,#0b63b9,#0986e8)!important;color:#fff}
.collection-help h2,.collection-help p{color:#fff!important}
.collection-help>a{height:36px;display:grid;place-items:center;margin-top:14px;border-radius:7px;background:#fff;color:#0875e1;font-size:10px;font-weight:800;text-decoration:none}
.collection-pagination{margin-top:28px}
.collection-pagination .page-numbers{display:flex;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.collection-pagination a,.collection-pagination span{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8e4ef;border-radius:7px;background:#fff;color:#526980;text-decoration:none}
.collection-pagination .current{border-color:#0875e1;background:#0875e1;color:#fff}
.collection-empty{padding:55px 25px;border:1px dashed #cbdcea;border-radius:14px;background:#fff;text-align:center}
.collection-empty i{font-size:38px;font-style:normal}
.collection-empty h2{margin:12px 0 5px}
.collection-empty p{color:#697d91}
.collection-empty a{color:#0875e1;font-weight:800;text-decoration:none}
@media(max-width:1050px){.collection-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.collection-hero{height:auto}.collection-hero-inner{padding-block:45px}.collection-layout{grid-template-columns:1fr}.collection-side{display:grid;grid-template-columns:1fr 1fr}.collection-lead{grid-template-columns:1fr}.collection-lead-image{min-height:270px}}
@media(max-width:560px){.collection-hero h1{font-size:27px}.collection-facts b{min-width:0;margin-right:12px;padding-right:12px}.collection-grid,.collection-side{grid-template-columns:1fr}.collection-lead>div{padding:20px}.collection-lead h2{font-size:19px}.collection-card-image{height:210px}}