/*
Theme Name: Atölye Aeden Handmade v1.5.3
Theme URI: https://www.shopier.com/atolyeaeden
Author: Atölye Aeden
Description: Atölye Aeden için el yapımı seramik odaklı, vitrin ve Shopier satış bağlantılı özel tema.
Version: 1.5.4
Text Domain: atolye-aeden
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap&subset=latin-ext');
:root{--paper:#f5eee1;--paper2:#fffaf1;--ink:#262021;--purple:#5b2ca0;--purple2:#7b45c4;--red:#d83a2f;--mustard:#dcae32;--green:#687c3b;--line:#2d2525}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.wrap{width:min(1280px,92vw);margin:auto}.scribble{font-family:'Caveat',cursive}.serif{font-family:'Playfair Display',serif}
/* header */
header{padding:16px 0 12px;position:relative;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:2px solid var(--line);padding-bottom:12px;min-height:92px}.brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:84px;height:84px;border-radius:50%;background:var(--paper2);box-shadow:0 0 0 1px rgba(38,32,33,.08);overflow:hidden}.brand img{display:block;width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply;background:transparent}.links{display:flex;gap:clamp(16px,2vw,28px);align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.065em;line-height:1.2;min-width:0}.links a{white-space:nowrap}.links a:hover{color:var(--purple)}.shop{background:var(--purple);color:white;padding:11px 16px;border-radius:999px;transform:none;box-shadow:0 3px 0 rgba(38,32,33,.12)}.links a:hover{color:var(--purple)}.shop{background:var(--purple);color:white;padding:12px 18px;border-radius:999px;transform:rotate(-2deg)}
/* hero */
.hero{min-height:660px;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(390px,1.42fr) minmax(160px,.62fr);gap:clamp(22px,2.5vw,36px);align-items:center;padding:28px 0 56px}.hero-note{align-self:center;padding-bottom:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-note h1{font-family:'Playfair Display',serif;font-size:clamp(50px,7vw,100px);line-height:.9;margin:16px 0 24px;font-weight:500}.hero-note h1 em{color:var(--purple);font-weight:500}.hero-note p{max-width:300px;font-size:16px;line-height:1.55}.hand{font-size:27px;display:block;color:var(--red);transform:rotate(-7deg);margin-top:25px}.hero-art{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:74%;height:72%;border:3px solid var(--purple);border-radius:47% 53% 49% 51%;transform:rotate(-7deg)}.hero-art img{position:relative;width:min(480px,90%);height:590px;object-fit:cover;border-radius:46% 54% 42% 58%/49% 43% 57% 51%;box-shadow:14px 18px 0 var(--mustard);transform:rotate(2deg)}.stamp{position:absolute;top:55px;right:10px;width:124px;height:124px;border:1.7px dashed var(--red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;color:var(--red);font-weight:700;font-size:10px;letter-spacing:.13em;line-height:1.15;transform:rotate(9deg);background:var(--paper);box-shadow:0 0 0 5px var(--paper),0 0 0 6px rgba(216,58,47,.18)}.stamp .stamp-heart{font-family:'Caveat',cursive;font-size:28px;line-height:.95;letter-spacing:0;margin:1px 0}.stamp .stamp-bottom{font-family:'Caveat',cursive;font-size:19px;font-weight:700;letter-spacing:.03em;line-height:1}.side-note{align-self:center;padding-top:0;max-width:190px;justify-self:start;transform:translateY(8px)}.side-note .line{height:48px;border-left:2px solid var(--ink);margin-bottom:12px}.side-note p{font-size:13px;line-height:1.6;max-width:190px;margin:0}.side-details{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px}.side-details img{display:block;width:calc(50% - 5px);height:116px;object-fit:cover;border-radius:48% 52% 44% 56%;box-shadow:4px 5px 0 var(--mustard)}.side-details img:nth-child(2){margin-top:22px;border-radius:52% 48% 55% 45%;box-shadow:4px 5px 0 var(--purple)}.side-note .line{height:32px;margin-bottom:10px}.arrow{font-size:34px;color:var(--purple);font-family:'Caveat'}
/* showcase */
.section-head{display:flex;align-items:end;justify-content:space-between;margin:10px 0 30px;border-top:2px solid var(--line);padding-top:15px}.section-head h2{font-family:'Playfair Display',serif;font-size:48px;margin:0;font-weight:500}.section-head .scribble{font-size:24px;color:var(--red);transform:rotate(-4deg)}
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:start}.card{position:relative;min-width:0}.card a{display:block;overflow:hidden;border-radius:8px 8px 2px 2px;background:#e7ddcd}.card:nth-child(2n) a{border-radius:2px 2px 8px 8px}.card:nth-child(3n) a{border-radius:2px 8px 2px 8px}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#e7ddcd;transition:transform .35s ease,filter .35s ease}.card a:hover img{transform:scale(1.035);filter:saturate(1.06)}.card .meta{padding:13px 2px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px}.card .name{font-weight:700;line-height:1.35;min-height:2.7em}.card .price{font-family:'Playfair Display',serif;font-size:18px;color:var(--purple);white-space:nowrap}
/* handmade strip */
.handmade{margin:95px 0;padding:28px 0;border-top:2px solid var(--line);border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:20px;flex-wrap:wrap}.handmade span{font-family:'Caveat',cursive;font-size:30px}.handmade b{font-size:11px;letter-spacing:.15em;text-transform:uppercase}
/* shop/vitrine */
.vitrine{background:var(--purple);color:white;margin-top:60px;padding:75px 0;position:relative;overflow:hidden}.vitrine:after{content:'AEDEN';position:absolute;right:-50px;bottom:-85px;font-family:'Playfair Display',serif;font-size:260px;opacity:.08}.vitrine-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}.vitrine h2{font-family:'Playfair Display',serif;font-size:72px;line-height:.9;font-weight:500;margin:0 0 25px}.vitrine p{font-size:17px;line-height:1.6;max-width:400px}.vitrine .btn{display:inline-block;background:var(--mustard);color:var(--ink);padding:15px 23px;border-radius:999px;font-weight:700;margin-top:10px;transform:rotate(-2deg)}.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.mini-gallery img:first-child{border-radius:48% 8% 9% 7%}.mini-gallery img:last-child{border-radius:8% 48% 7% 10%}
/* workshop */
.workshop{padding:100px 0}.workshop-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.workshop-photo{position:relative}.workshop-photo img{width:100%;height:470px;object-fit:cover;border-radius:4% 13% 5% 12%;filter:saturate(.9)}.workshop-copy h2{font-family:'Playfair Display',serif;font-size:60px;line-height:.95;font-weight:500;margin:0 0 20px}.workshop-copy p{font-size:16px;line-height:1.65;max-width:470px}.steps{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap}.step{border:1.5px solid var(--line);padding:10px 14px;border-radius:50%;font-family:'Caveat',cursive;font-size:18px}.step:nth-child(2){transform:rotate(5deg)}.step:nth-child(3){transform:rotate(-4deg)}.step:nth-child(4){transform:rotate(4deg)}
footer{border-top:2px solid var(--line);padding:30px 0 45px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:end}.foot img{width:90px;mix-blend-mode:darken;background:transparent}.foot small{font-size:12px}.foot .scribble{font-size:25px;color:var(--purple)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:1100px) and (min-width:851px){.nav{gap:20px}.brand{width:72px;height:72px}.brand img{width:64px;height:64px}.links{gap:13px;font-size:10px}.hero{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.35fr) minmax(130px,.55fr);gap:18px}.hero-art img{height:520px}.hero-art{min-height:580px}.hero-note h1{font-size:clamp(48px,5.4vw,76px)}.side-details img{height:92px}}
@media(max-width:850px){.links a:not(.shop){display:none}.nav{align-items:center;gap:16px}.brand{width:74px;height:74px}.brand img{width:66px;height:66px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:15px}.hero-note{padding:0}.hero-note h1{font-size:62px}.hero-art{min-height:520px}.hero-art img{height:470px}.side-note{display:none}.section-head h2{font-size:38px}.vitrine-inner,.workshop-grid{grid-template-columns:1fr;gap:40px}.vitrine h2{font-size:58px}.workshop-copy h2{font-size:48px}.workshop-photo img{height:370px}.foot{align-items:start;flex-direction:column}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.card .meta{padding:10px 1px 17px}.card .name{font-size:13px;min-height:2.7em}.card .price{font-size:17px}}

/* v1.3.0 polish */
.stamp span{display:block}
@media(max-width:520px){.stamp{width:104px;height:104px;top:25px;right:0;font-size:9px}.stamp .stamp-heart{font-size:24px}.stamp .stamp-bottom{font-size:17px}.hero-art{min-height:430px}.hero-art img{height:400px}.handmade span{font-size:25px}}


/* Vitrinden: mobilde ilk 4 ürün, masaüstünde 5 ürün */
@media (max-width:520px){#koleksiyon .grid > .card:nth-of-type(n+5){display:none}}


/* v1.5.0: requested refinements while preserving the v1.3 editorial look */
.handmade .handmade-brand{font-family:'Caveat',cursive;font-size:34px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--purple);line-height:1;transform:rotate(-4deg)}
.handmade .handmade-brand:first-letter{color:var(--red)}
.stamp .stamp-top{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:800;letter-spacing:.09em;line-height:1.1}
.stamp .stamp-heart{font-size:42px;line-height:.85;margin:2px 0 0}
.stamp .stamp-bottom{display:none}
.brand-watermark{position:absolute;right:2.5%;top:7%;width:clamp(100px,15vw,210px);opacity:.12;pointer-events:none;z-index:0;transform:rotate(8deg)}
.brand-watermark img{display:block;width:100%;height:auto;mix-blend-mode:screen}
.vitrine-inner{position:relative;z-index:1}
.about-link{margin-top:25px;font-weight:700;font-size:14px}
.about-link a{display:inline-block;border-bottom:1px solid var(--purple);padding-bottom:5px;color:var(--purple)}
.about-main{min-height:70vh;padding:35px 0 70px}
.about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,100px);align-items:center;padding-top:45px;padding-bottom:55px}
.about-copy h1{font-family:'Playfair Display',serif;font-size:clamp(42px,5.6vw,76px);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:18px 0 28px;max-width:700px}
.about-intro{font-size:clamp(18px,2vw,23px);line-height:1.55;max-width:650px}
.about-body{font-size:16px;line-height:1.85;max-width:650px;margin-top:22px}
.about-body p{margin:0 0 17px}
.about-signature{font-family:'Caveat',cursive;color:var(--red);font-size:31px;margin:28px 0 18px;transform:rotate(-2deg);transform-origin:left center}
.about-btn{display:inline-block;background:var(--mustard);color:var(--ink);padding:14px 22px;border-radius:999px;font-weight:700;transform:rotate(-2deg);margin-top:4px}
.about-art{position:relative;padding:20px 22px 28px 0}
.about-art:before{content:'';position:absolute;inset:8% 2% 6% 5%;border:3px solid var(--purple);border-radius:49% 51% 45% 55%;transform:rotate(5deg)}
.about-art>img:first-child{position:relative;display:block;width:100%;height:min(66vw,680px);min-height:440px;object-fit:cover;border-radius:46% 54% 42% 58%/49% 43% 57% 51%;box-shadow:14px 18px 0 var(--mustard);transform:rotate(-2deg)}
.about-stamp{position:absolute;right:-2px;top:25px;width:120px;height:120px;border:1.7px dashed var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red);background:var(--paper);font-family:'Caveat',cursive;font-weight:700;font-size:22px;line-height:1.05;transform:rotate(9deg);box-shadow:0 0 0 5px var(--paper),0 0 0 6px rgba(216,58,47,.18);z-index:2}
.about-art .about-brand-mark{position:absolute;left:-18px;bottom:0;width:110px;height:auto;max-height:85px;object-fit:contain;opacity:.2;mix-blend-mode:multiply;transform:rotate(-7deg);z-index:3}
.about-endnote{border-top:2px solid var(--line);padding-top:24px;display:flex;justify-content:center;align-items:center;gap:clamp(16px,4vw,54px);font-family:'Caveat',cursive;font-size:26px;color:var(--purple)}
.about-endnote i{width:8px;height:8px;background:var(--red);border-radius:50%}
@media(max-width:850px){.links a:not(.shop):not(.about-link){display:none}.links{gap:12px}.links .about-link{font-size:11px}.about-hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.about-copy h1{font-size:clamp(42px,10vw,62px)}.about-art{max-width:600px;width:90%;margin:0 auto}.about-art>img:first-child{height:480px;min-height:0}.about-stamp{width:100px;height:100px;font-size:19px;right:-14px}.about-endnote{flex-wrap:wrap}}
@media(max-width:520px){.about-main{padding-top:12px}.about-hero{padding-bottom:35px}.about-art>img:first-child{height:370px}.about-copy h1{line-height:1.02}.about-intro{font-size:18px}.about-body{font-size:15px}.about-endnote{font-size:23px}.handmade .handmade-brand{font-size:31px}.handmade{gap:16px}.handmade span{font-size:25px}.handmade .handmade-brand{font-size:31px}.stamp .stamp-top{font-size:11px}.stamp .stamp-heart{font-size:36px}}