/* Item detail layout: shared alignment, bounded media and responsive purchase panel. */
main.sac-item-page {color:#34303e;padding-bottom:32px}
main.sac-item-page .container.itempages{width:calc(100% - 64px)!important;max-width:1560px!important;padding:0!important;margin-left:auto!important;margin-right:auto!important}
.sac-item-page .jumbotron.itempage{background:#faf9fc!important;padding-top:28px!important;margin-bottom:26px;border-color:#ece8f0!important}
.sac-item-page .sac-item-heading{display:flex!important;align-items:flex-start;gap:20px;margin:0!important;padding:0 0 24px!important}
.sac-item-page .sac-item-icon{flex:0 0 80px}
.sac-item-page .sac-item-icon img{display:block;position:static;float:none!important;width:80px;height:80px;object-fit:contain;border:1px solid #e7e2ed;border-radius:14px!important;margin:0!important;background:#fff}
.sac-item-page .sac-item-title{min-width:0;flex:1}
.sac-item-page .sac-item-title h1{font-size:28px!important;line-height:1.3;font-weight:600;margin:0 0 9px!important;padding:0;overflow-wrap:anywhere;color:#30243e}
.sac-item-page .sac-item-subtitle{font-size:15px;line-height:1.5;color:#756d7d;margin:0;overflow-wrap:anywhere}
.sac-item-page .nav-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.sac-item-page .nav-tabs .nav-link{padding:12px 18px!important;border:0;border-radius:8px 8px 0 0;color:#6e617a!important}
.sac-item-page .nav-tabs .nav-link.active{background:#fff;color:#6315b8!important;box-shadow:0 -1px 0 #eee8f3}
.sac-item-page .sac-item-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 360px;gap:28px;margin:0!important;padding:0!important;align-items:start;width:auto!important}
.sac-item-page .sac-item-content,.sac-item-page .sac-item-sidebar{min-width:0;max-width:none!important;width:auto!important;flex:none!important;padding:0!important}
.sac-item-page .card{border:1px solid #e8e3ed;border-radius:12px;box-shadow:0 3px 14px rgba(40,22,62,.035);overflow:hidden}
.sac-item-page .card-header{background:#faf9fc;border-bottom:1px solid #eee9f3;padding:16px 20px}
.sac-item-page .card-header h4,.sac-item-page .card-header h5{font-size:17px;font-weight:500;line-height:1.4}
.sac-item-page .card-body{padding:20px}
.sac-item-page .sac-preview-card .card-body{padding:0}
.sac-item-page .sac-hero-gallery{border-radius:12px 12px 0 0;background:#f4f2f7}
.sac-item-page .sac-hero-frame{aspect-ratio:16/9;max-height:500px;min-height:0}
.sac-item-page .sac-static-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:500px;object-fit:contain;background:#f4f2f7;border-radius:12px 12px 0 0}
.sac-item-page .sac-preview-card .card-footer{padding:14px;background:#fff;border-top:1px solid #eee9f3}
.sac-item-page .sac-preview-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sac-item-page .sac-preview-actions .btn,.sac-item-page .sac-preview-actions form button{width:auto!important;min-width:126px;border-radius:7px!important;padding:9px 15px;font-size:14px;line-height:1.4;margin:0!important}
.sac-item-page .sac-screenshots-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sac-item-page .store-links{float:none;display:flex;gap:8px}
.sac-item-page .store-links a{margin:0}
.sac-item-page .store-links img{height:32px!important;width:auto!important;max-width:112px;object-fit:contain}
.sac-item-page #lightgallery.sac-screenshot-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;padding:16px;height:auto!important;overflow:visible}
.sac-item-page #lightgallery .lightbox-item{display:flex!important;position:relative;width:100%!important;height:110px!important;min-width:0;align-items:center;justify-content:center;background:#f5f3f8;border:1px solid #e8e3ed;border-radius:8px;overflow:hidden;transition:border-color .15s}
.sac-item-page #lightgallery .lightbox-item:hover{border-color:#a770dc}
.sac-item-page #lightgallery .screenshot-thumb{width:100%;height:100%;max-width:100%;max-height:none!important;object-fit:contain}
.sac-item-page #lightgallery .playbtn{top:50%!important;transform:translateY(-50%);width:42px;height:42px;z-index:1}
.sac-item-page .sac-item-sidebar .card-body{padding:22px}
.sac-item-page .sac-license-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px!important}
.sac-item-page #licensetype{width:170px!important;max-width:60%;height:42px;border-radius:7px;border-color:#e3dce9;font-size:14px}
.sac-item-page #pricing{float:none;position:static;white-space:nowrap}
.sac-item-page #pricing .h1{font-size:32px;font-weight:600;line-height:1}
.sac-item-page #pricing .h2{font-size:23px}
.sac-item-page .sac-item-sidebar .clear{line-height:1.8;font-size:14px;margin:0}
.sac-item-page .sac-item-sidebar .btn-block{min-height:44px;border-radius:8px;font-size:16px}
.sac-item-page .sac-purchase-card>.card-footer{display:none}
.sac-item-page .table td{padding:12px 16px;font-size:13px;line-height:1.5;vertical-align:top;overflow-wrap:anywhere;border-color:#eee9f3}
.sac-item-page .table td:first-child{width:38%;color:#85778e}
.sac-item-page .table-striped tbody tr:nth-of-type(odd){background:#fcfbfe}
.sac-item-page .avatar-box{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px}
.sac-item-page .avatar-box .avatar{width:48px!important;height:48px!important;float:none}
.sac-item-page .author-info{position:static;float:none;padding:0;min-width:0;line-height:1.4}
.sac-item-page .author-info .author-name{font-size:17px;width:auto;margin:0 0 3px;line-height:1.3}
.sac-item-page .portfolio-link{font-size:12px;color:#887992}
.sac-item-page .avatar-box .btnfollow{position:static!important;float:none!important;width:auto!important;margin:0!important;padding:8px 14px!important;min-height:0;font-size:14px}
.sac-item-page .similar-box{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:auto!important;margin:0!important;padding:0!important}
.sac-item-page .similar-box>[class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
.sac-item-page .carddescription,.sac-item-page .featureslist{overflow-wrap:anywhere}
@media(max-width:1199px){main.sac-item-page .container.itempages{width:calc(100% - 40px)!important}.sac-item-page .sac-item-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.sac-item-page .similar-box{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.sac-item-page .sac-item-layout{grid-template-columns:minmax(0,1fr)}.sac-item-page .sac-item-title h1{font-size:24px!important}.sac-item-page .sac-item-sidebar{grid-row:1}.sac-item-page .similar-box{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){main.sac-item-page .container.itempages{width:calc(100% - 28px)!important}.sac-item-page .jumbotron.itempage{padding-top:16px!important;margin-bottom:18px}.sac-item-page .sac-item-heading{gap:14px;padding-bottom:18px!important}.sac-item-page .sac-item-icon{flex-basis:56px}.sac-item-page .sac-item-icon img{width:56px;height:56px;border-radius:10px!important}.sac-item-page .sac-item-title h1{font-size:21px!important}.sac-item-page .sac-item-subtitle{font-size:13px}.sac-item-page .nav-tabs .nav-link{padding:10px 13px!important}.sac-item-page .sac-item-layout{gap:18px}.sac-item-page .card-body{padding:16px}.sac-item-page #lightgallery.sac-screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.sac-item-page #lightgallery .lightbox-item{height:85px!important}.sac-item-page .sac-preview-actions{gap:8px}.sac-item-page .sac-preview-actions .btn{min-width:0;font-size:13px;padding:9px 11px}.sac-item-page .similar-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Reset legacy clearfix pseudo-elements so they cannot occupy grid cells. */
main.sac-item-page .sac-item-layout::before,main.sac-item-page .sac-item-layout::after,main.sac-item-page .similar-box::before,main.sac-item-page .similar-box::after{display:none!important;content:none!important}
main.sac-item-page .sac-item-layout>.sac-item-content{grid-column:1;grid-row:1;width:100%!important;max-width:100%!important}
main.sac-item-page .sac-item-layout>.sac-item-sidebar{grid-column:2;grid-row:1;width:100%!important;max-width:100%!important}
@media(max-width:900px){main.sac-item-page .sac-item-layout>.sac-item-sidebar{display:contents}main.sac-item-page .sac-item-layout>.sac-item-content{grid-column:1;grid-row:2}main.sac-item-page .sac-item-sidebar>.sac-purchase-card{grid-column:1;grid-row:1}main.sac-item-page .sac-item-heading::before,main.sac-item-page .sac-item-heading::after{display:none!important;content:none!important}}
