/* Murad Turizm · Yaşayan Hatıra Albümü 2026 (V5) */
.mla-section{--mla-paper:#eae0cf;--mla-text:#302720;--mla-sepia:#a56847;--mla-line:#c6b8a5;position:relative;overflow:hidden;background:var(--mla-paper);color:var(--mla-text);padding:76px 0 59px;isolation:isolate}
.mla-section::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.31;pointer-events:none;background-image:radial-gradient(#baa88e .65px,transparent .85px);background-size:8px 8px}
.mla-section::after{content:"";position:absolute;right:-120px;top:-190px;width:520px;height:520px;border:1px solid #c6b39c5c;border-radius:50%;pointer-events:none;z-index:-1}
.mla-section *{box-sizing:border-box}
.mla-section .mla-shell{max-width:1500px}
.mla-topline,.mla-bottomline{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#6d5748;font-size:11px;font-weight:850;letter-spacing:.14em}
.mla-topline{padding-bottom:21px;border-bottom:1px solid var(--mla-line)}
.mla-topline i{font-size:18px;color:#b45728;vertical-align:middle;margin-right:8px}
.mla-topline-note{color:#9b6346}
.mla-heading-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:46px;align-items:end;padding:32px 0 10px}
.mla-overline{color:#a25431;font-weight:850;font-size:11px;letter-spacing:.16em}
.mla-titles h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,6.3vw,102px);line-height:.94;letter-spacing:-.065em;font-weight:400;margin:14px 0 0;color:#2e2a26}
.mla-titles h2 em{font-weight:400;color:#b35a33}
.mla-story{padding-bottom:6px;max-width:340px}
.mla-sun{font-size:36px;color:#bd774b;line-height:1}
.mla-story p{font-size:15px;line-height:1.85;color:#6a5c4e;margin:17px 0 16px}
.mla-about{color:#814b34;text-decoration:none;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #a16f51;padding-bottom:5px;font-size:13px;font-weight:750}
.mla-about:hover{color:#f26719}
.mla-gallery{position:relative}
.mla-deco{font-family:Georgia,serif;font-style:italic;color:#b57f5b;opacity:.27;position:absolute;pointer-events:none;font-size:88px;transform:rotate(-90deg);left:-118px;top:42%;line-height:1}
.mla-polaroids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(14px,1.8vw,28px);padding:60px 18px 63px;min-height:370px}
.mla-polaroids.mla-count-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1060px;margin:0 auto}
.mla-polaroids.mla-count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;margin:0 auto}
.mla-polaroids.mla-count-1{grid-template-columns:minmax(0,340px);justify-content:center}
.mla-polaroid{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;padding:10px 10px 14px;border:1px solid #d4c7b4;background:#fffdf7;color:#40372f;text-align:left;position:relative;box-shadow:0 15px 24px #5a423329,0 3px 5px #5a42331c;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;transform-origin:center center}
.mla-polaroid[hidden]{display:none!important}
.mla-polaroid:nth-child(4n + 1){transform:rotate(-6deg) translateY(18px)}
.mla-polaroid:nth-child(4n + 2){transform:rotate(4deg) translateY(-12px)}
.mla-polaroid:nth-child(4n + 3){transform:rotate(-3deg) translateY(25px)}
.mla-polaroid:nth-child(4n + 4){transform:rotate(6deg) translateY(-9px)}
.mla-polaroid:focus-visible{outline:3px solid #d25e27;outline-offset:7px;z-index:5}
@media(hover:hover) and (pointer:fine){.mla-polaroid:hover{transform:rotate(0) translateY(-17px);box-shadow:0 25px 34px #5a423344;z-index:2}}
.mla-tape{display:block;position:absolute;z-index:3;width:92px;height:27px;left:calc(50% - 46px);top:-15px;background:#dec59dbf;transform:rotate(-8deg);box-shadow:0 1px 2px #604b2918;pointer-events:none;clip-path:polygon(4% 0,100% 4%,96% 100%,0 94%)}
.mla-photo-wrap{position:relative;display:block;height:clamp(174px,18vw,268px);overflow:hidden;background:#c5c5b8}
.mla-photo-blur,.mla-photo-original{position:absolute;inset:0;width:100%;height:100%}
.mla-photo-blur{object-fit:cover;filter:blur(23px) brightness(.84);transform:scale(1.2);opacity:.75}
.mla-photo-original{object-fit:contain;object-position:center center;z-index:1}
.mla-zoom{position:absolute;z-index:2;bottom:9px;right:9px;width:33px;height:33px;display:grid;place-items:center;background:#fffdf6dc;color:#3b312b;border-radius:50%;opacity:0;transition:opacity .2s}
.mla-polaroid:hover .mla-zoom,.mla-polaroid:focus-visible .mla-zoom{opacity:1}
.mla-photo-caption{display:block;margin:12px 4px 1px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(13px,1.2vw,16px);font-style:italic;line-height:1.35;overflow-wrap:anywhere;min-height:21px}
.mla-photo-caption small{font-family:Arial,sans-serif;font-style:normal;letter-spacing:.05em;color:#b26c46;font-size:10px;font-weight:800}
.mla-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--mla-line);padding-top:23px}
.mla-handwrite{font-family:Georgia,serif;font-size:clamp(19px,2.1vw,27px);font-style:italic;color:#635447;margin:0}
.mla-gallery-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.mla-photo-count{color:#856d59;font-size:10px;letter-spacing:.11em;font-weight:850;white-space:nowrap}
.mla-photo-count b{color:#a35431;font-size:14px}
.mla-pager{display:flex;gap:7px}
.mla-pager button{width:42px;height:42px;border:1px solid #a99781;border-radius:50%;color:#403429;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.mla-pager button:hover{background:#fff8ee}
.mla-open-all{min-height:44px;padding:12px 18px;background:#3b3027;color:#fff9ed;border:1px solid #3b3027;font-size:12px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}
.mla-open-all:hover{background:#b65f37;border-color:#b65f37}
.mla-bottomline{border-top:1px solid var(--mla-line);margin-top:29px;padding-top:19px;color:#8d7361;font-size:10px}
.mla-bottomline i{color:#b05d3a;font-size:14px;margin-right:6px}
.mla-empty{text-align:center;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;margin-top:24px;background:#fff7e870}
.mla-empty img{width:100%;max-height:200px;object-fit:contain}
.mla-empty p{font-family:Georgia,serif;font-size:27px;font-style:italic;color:#4a392a;margin:0}
.mla-empty span{font-size:13px;color:#816b5c}
/* Focus-safe lightbox. HTML hidden attribute must not be overridden. */
.mla-lightbox[hidden]{display:none!important}
.mla-lightbox{position:fixed;inset:0;z-index:1500;background:rgba(17,18,19,.96);color:white;display:flex;justify-content:center;align-items:center;padding:60px 90px;backdrop-filter:blur(8px)}
.mla-modal-figure{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;margin:0;min-height:0;max-width:100%;height:100%}
.mla-modal-figure img{max-width:100%;max-height:calc(100% - 78px);object-fit:contain;box-shadow:0 8px 24px #0005}
.mla-modal-figure figcaption{text-align:center;min-height:62px;display:flex;align-items:center;flex-direction:column;gap:4px}
.mla-modal-figure figcaption strong{font-size:16px}.mla-modal-figure figcaption small{font-size:12px;color:#c4c6c7;line-height:1.4}.mla-modal-figure figcaption span{font-size:11px;color:#d79b78}
.mla-modal-close,.mla-modal-arrow{border:1px solid #ffffff55;background:#ffffff21;color:white;display:grid;place-items:center;cursor:pointer;border-radius:50%;position:absolute;min-width:45px;min-height:45px}
.mla-modal-close{right:23px;top:18px;font-size:21px}
.mla-modal-arrow{top:50%;transform:translateY(-50%);font-size:19px}
.mla-modal-prev{left:21px}.mla-modal-next{right:21px}
.mla-modal-close:hover,.mla-modal-arrow:hover{background:#ffffff45}
@media(max-width:1050px){.mla-section{padding:60px 0 46px}.mla-titles h2{font-size:clamp(50px,7vw,78px)}.mla-heading-row{gap:24px}.mla-polaroids{gap:16px;padding:56px 12px 57px}.mla-photo-wrap{height:220px}.mla-photo-caption{font-size:14px}.mla-gallery-footer{align-items:start;flex-wrap:wrap}}
@media(max-width:720px){.mla-section{padding:42px 0 36px}.mla-topline,.mla-bottomline{font-size:9px;letter-spacing:.055em;gap:10px}.mla-topline-note{max-width:110px;text-align:right}.mla-heading-row{grid-template-columns:1fr;gap:16px;padding-top:28px}.mla-titles h2{font-size:clamp(46px,10.7vw,73px)}.mla-story{max-width:540px}.mla-sun{display:none}.mla-story p{margin:0 0 10px;font-size:14px;line-height:1.7}.mla-polaroids,.mla-polaroids.mla-count-3,.mla-polaroids.mla-count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px;padding:48px 10px 36px;min-height:0}.mla-polaroids.mla-count-1{grid-template-columns:minmax(0,270px)}.mla-polaroid{padding:7px 7px 10px}.mla-photo-wrap{height:clamp(154px,36vw,240px)}.mla-photo-caption{font-size:12px;margin:9px 2px 1px}.mla-photo-caption small{font-size:9px}.mla-tape{width:65px;height:20px;left:calc(50% - 33px);top:-10px}.mla-gallery-footer{align-items:start;gap:16px}.mla-gallery-actions{width:100%;justify-content:space-between;gap:10px}.mla-photo-count{width:100%}.mla-handwrite{font-size:20px}.mla-deco{display:none}.mla-bottomline span:first-child{max-width:65%}.mla-lightbox{padding:75px 15px 85px}.mla-modal-arrow{top:auto;bottom:16px;transform:none}.mla-modal-prev{left:18px}.mla-modal-next{right:18px}.mla-modal-figure img{max-height:calc(100% - 100px)}.mla-modal-close{right:14px;top:15px}}
@media(max-width:375px){.mla-photo-wrap{height:142px}.mla-polaroids{gap:17px 10px}.mla-photo-caption{font-size:11px}.mla-open-all{padding:10px 12px}.mla-titles h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.mla-polaroid,.mla-pager button,.mla-open-all,.mla-zoom{transition:none!important}}