.content-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;}
@media (min-width:1024px){.content-grid{grid-template-columns:3fr 1fr;}}
.left-column,.right-column{display:flex;flex-direction:column;gap:1rem;}
.left-column{gap:1.5rem;}
.photo-container{border-radius:.5rem;overflow:hidden;background:#f5f5f5;/*box-shadow:0 10px 15px -3px rgba(0,0,0,.1);*/}
.photo-container img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;}
.photo-title{font-size:2.25rem;font-weight:700;color:#1a1a1a;font-family: "Roboto Flex",serif;}
.metadata-section{display:flex;flex-direction:column;gap:1rem;}
.metadata-item label{display:block;font-size:.875rem;color:#757575;margin-bottom:.5rem;font-family: "Roboto",serif;font-weight: 500;}
.badge{display:inline-block;padding:.25rem 1rem;border-radius:.375rem;font-size:14px;font-weight:500;font-family: "Roboto",serif;color: #000;}
.badge-secondary{background:#f5f5f5;color:#1a1a1a;}
.badge-outline{border:1px solid #e5e5e5;background:transparent;padding:.25rem .75rem;cursor:pointer;transition:background .2s;}
.badge-outline:hover{background:#f5f5f5;}
.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:1rem;}
.photographer-info{display:flex;align-items:center;gap:.75rem;}
.photographer-avatar{width:3rem;height:3rem;border-radius:50%;}
.photographer-name{font-weight: 700;color: #1a1a1a;font-family: "Roboto Flex",serif;font-size: 16px;}
.photographer-date{font-size:.875rem;color:#757575;}
.download-dropdown{position:relative;width: 250px;}
.download-dropdown .btn {display: flex;font-family: "Poppins",serif;font-size: 20px;width: 220px;align-items: center;padding: 14px 26px;}
.download-dropdown .btn .material-symbols-outlined {margin-bottom:0}
.download-grid {}
.download-dropdown .btn .down-icon, .dropdown-item .down-icon {margin-right:10px}
.dropdown-content{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);margin-top:.25rem;z-index:10;}
.dropdown-content.active{display:block;}
.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem;}
.dropdown-item:hover{background:#f5f5f5;}
.icon-actions{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;}
.btn-icon{width:2.5rem;height:2.5rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;}
.btn-icon:hover{background:#f5f5f5;}
.btn-icon svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.btn-icon.liked svg{fill:#ef4444;stroke:#ef4444;}
.stats-card{margin-top:1.5rem;}
.stats-item{display:flex;justify-content:space-between;font-size:.875rem;color:#757575;margin-bottom: .2rem;font-family: "Roboto",serif;font-weight: 500;}
.stats-value{font-weight:600;color:#1a1a1a;}
.related-section{margin-bottom:3rem;}
.section-title{font-size:18px;font-weight:700;margin-bottom:1.5rem;font-family: "Roboto Flex",serif;}
.photos-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;}
.card-author {width: 350px;}
.sticky-part {position: sticky;top:15px}
.modal-content .btn {font-family: "Roboto Flex",serif;}

@media (min-width:640px){.photos-grid{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1024px){.photos-grid{grid-template-columns:repeat(6,1fr);}}
.photo-card{cursor:pointer;border-radius:.5rem;overflow:hidden;border:1px solid #e5e5e5;transition:all .3s;}
.photo-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);}
.photo-card-image{aspect-ratio:1;overflow:hidden;}
.photo-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.photo-card:hover img{transform:scale(1.1);}
.photo-card-caption{padding:1rem;font-weight:500;}
footer{border-top:1px solid #e5e5e5;background:#f5f5f5;padding:2rem 0;margin-top:3rem;}
.footer-content{text-align:center;color:#757575;font-size:.875rem;}
.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100;align-items:center;justify-content:center;padding:1rem;}
.modal.active{display:flex;}
.modal-content{background:#fff;border-radius:.5rem;padding:1.5rem;max-width:500px;width:100%;}
.modal-header{margin-bottom:1rem;flex-direction: column;padding: 0;}
.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;font-family: "Roboto Flex",serif;}
.modal-description{color:#757575;font-size:.875rem;}
textarea{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:.375rem;font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:1rem;}
.icon{width:1.25rem;height:1.25rem;}
.chevron{margin-left:auto;}

.stats-card-ipad {display:none}
.btn-icon svg path {transition: 0.3s;}
.btn-icon.active svg path {fill: red;stroke: red;}

@media(max-width:1024px){
	.download-dropdown .btn, .download-dropdown {width: auto;padding: 10px 16px;}
	.download-grid {position: fixed;top: 80px;width: 100%;left: 0;display: flex;background: #fff;justify-content: center;}
	.download-dropdown .btn .text {display:none}
	.download-dropdown .btn .down-icon, .dropdown-item .down-icon {margin-right: 0;}
	.topPadding {position: relative;top: 45px;}
	.icon-actions {padding-top: 0;}
	.stats-card{margin-top:0;}
	.content-grid {gap: 1rem;}
	.dropdown-content {width: 230px;}
	.card-ipad-grid {display: grid;grid-template-columns: 49% 49%;justify-content: space-between;}
	.stats-card-ipad {display:block}
	.stats-card-mobile {display:none}
	.scrolled {top: 0 !important;box-shadow: #e8e8e8 1px 4px 15px;}
}

@media(max-width:767px){
	.photo-title {font-size: 20px;}
	.card-author {width: 100%;}
	.download-dropdown .btn, .download-dropdown {width: auto;padding: 10px 16px;}
	.download-grid {position: fixed;top: 58px;width: 100%;left: 0;display: flex;background: #fff;justify-content: center;}
	.download-dropdown .btn .text {display:none}
	.download-dropdown .btn .down-icon, .dropdown-item .down-icon {margin-right: 0;}
	.topPadding {position: relative;top: 45px;}
	.icon-actions {padding-top: 0;}
	.stats-card{margin-top:0;}
	.content-grid {gap: 1rem;}
	.dropdown-content {width: 230px;}
	.stats-card-ipad {display:none}
	.stats-card-mobile {display:block}
	.card-ipad-grid {grid-template-columns: 100%;}
	.scrolled {top: 0 !important;box-shadow: #e8e8e8 1px 4px 15px;}
}