/* EnFavori'den Sana — standalone full design system. Scope all selectors to .so-. */
.so-page{--so-navy:#142844;--so-teal:#0d8f89;--so-ink:#172b47;--so-muted:#627489;--so-border:#dce6ec;--so-surface:#fff;background:linear-gradient(170deg,#f4f8fb 0%,#fcf8f9 58%,#f1f8f8 100%);padding:22px 0 42px;color:var(--so-ink);font-family:inherit;min-height:65vh}
.so-page *, .so-page *::before,.so-page *::after{box-sizing:border-box}
.so-container{min-width:0;margin-inline:auto}.so-breadcrumb{display:flex;gap:10px;color:#697b91;font-size:13px;margin:5px 0 21px}.so-breadcrumb a{color:#245276;text-decoration:none}.so-breadcrumb a:hover{text-decoration:underline}
.so-hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:18px;min-width:0;width:100%;background:linear-gradient(116deg,#142844,#19435d 59%,#0a8780);color:#fff;border-radius:24px;min-height:345px;padding:43px 58px;position:relative;overflow:hidden;box-shadow:0 17px 36px rgba(20,40,68,.1)}
.so-hero::after{content:'';position:absolute;right:-220px;top:-235px;width:500px;height:500px;background:rgba(255,255,255,.045);border-radius:50%}
.so-hero__copy{position:relative;z-index:1;min-width:0;max-width:605px}.so-overline{display:block;font-size:11px;font-weight:850;letter-spacing:.17em;color:#9ee6df}
.so-hero h1{font-size:clamp(35px,4.5vw,59px);letter-spacing:-.045em;line-height:1.1;margin:15px 0 15px;color:#fff;font-weight:850}.so-hero h1 em{color:#ffc6d5;font-style:normal}
.so-hero p{color:#ebf6fa;font-size:15px;line-height:1.75;margin:0 0 16px;max-width:495px}.so-hero p.so-hero__tagline{font-size:19px;font-weight:800;color:#fff;margin-bottom:7px}
.so-hero__points{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#dcecf4;margin-top:20px}.so-hero__points b{color:#8be8d9}
.so-button{display:inline-flex;max-width:100%;white-space:normal;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid transparent;border-radius:11px;padding:13px 21px;font-weight:800;font:inherit;font-size:14px;line-height:1.25;text-decoration:none!important;cursor:pointer;transition:transform .14s ease,filter .14s ease}.so-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.so-button--light{background:#fff;color:#142844}.so-button--primary{background:#142844;color:#fff}.so-button--outline{background:#fff;color:#142844;border-color:#c7d8e4}.so-button--whatsapp{background:#087c62;color:#fff}.so-button--wide{width:100%;padding:16px 20px;font-size:16px}
.so-hero__art{min-height:235px;min-width:0;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center}.so-hero__card{width:min(270px,88%);transform:rotate(7deg);background:linear-gradient(145deg,#fff,#fff1f5);border:1px solid #fff7f8;padding:30px 15px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;color:#142844;border-radius:18px;box-shadow:0 18px 32px rgba(4,17,32,.18)}.so-hero__card span{font-size:15px;color:#a4697f;font-style:italic}.so-hero__card strong{font-size:36px;line-height:1.15;letter-spacing:-.045em}.so-hero__card small{font-size:11px;color:#a65375;font-weight:750}.so-hero__floating{position:absolute;color:#ffc7d6;font-size:40px;opacity:.8}.so-hero__floating--a{left:12%;top:11%}.so-hero__floating--b{right:7%;bottom:12%}
.so-intro{text-align:center;margin:52px 0 29px}.so-eyebrow{display:block;color:#077c7d;font-size:11px;font-weight:850;letter-spacing:.15em}.so-intro h2{font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.03em;color:#142844;margin:9px 0}.so-intro p{margin:0;color:#61748a;font-size:15px}
.so-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:25px;align-items:start;min-width:0;max-width:100%}.so-editor{display:grid;gap:19px;min-width:0;max-width:100%}.so-panel,.so-form-bottom,.so-preview-stick,.so-manage{background:#fff;border:1px solid #e0e8ee;border-radius:18px;box-shadow:0 8px 32px rgba(27,55,80,.045)}.so-panel{padding:26px;min-width:0;max-width:100%}.so-panel__heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.so-count{background:#e2f7f4;border-radius:11px;color:#0d7774;display:grid;place-items:center;min-width:36px;height:36px;font-size:13px;font-weight:900}.so-panel__heading h2{color:#142844;font-size:19px;line-height:1.25;margin:0 0 4px;letter-spacing:-.02em}.so-panel__heading p{font-size:12px;line-height:1.5;color:#6b7d8d;margin:0}
.so-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.so-fields-two--gap{margin-top:18px}.so-field{display:flex;flex-direction:column;gap:8px;color:#213954;font-size:13px;font-weight:800;min-width:0}.so-field>span:not(.so-help){color:#ce5978}.so-field small,.so-help{font-size:11px;font-weight:500;color:#77879a}.so-field--spaced{margin-top:17px}
.so-field input,.so-field textarea,.so-select,.so-share-field input,.so-report select{appearance:auto;display:block;width:100%;max-width:100%;background:#fbfdff;border:1px solid #cbd9e3;border-radius:9px;color:#142844;font:inherit;font-size:14px;font-weight:500;padding:12px 13px;min-height:45px;outline:none;box-sizing:border-box}.so-field textarea{min-height:128px;resize:vertical;line-height:1.6}.so-field input:focus,.so-field textarea:focus,.so-select:focus,.so-share-field input:focus,.so-report select:focus{border-color:#098f89;box-shadow:0 0 0 3px rgba(14,157,149,.12)}
.so-chips{border:0;padding:15px 0 0;margin:0}.so-chips legend,.so-themes legend{font-size:13px;font-weight:800;color:#213954}.so-chips__items{display:flex;flex-wrap:wrap;gap:7px}.so-chip{border:1px solid #d3e1e6;background:#f7fafb;border-radius:999px;color:#25425f;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.so-chip:hover{background:#e5f5f1;border-color:#62a7a0}
.so-themes{border:0;padding:0;margin:0}.so-themes legend{margin-bottom:13px}.so-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.so-theme{position:relative;cursor:pointer;min-width:0}.so-theme>input{position:absolute;opacity:0;width:1px;height:1px;top:50%;left:50%}.so-theme__swatch{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:116px;padding:12px;border-radius:12px;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(15,38,56,.12);text-align:center}.so-theme__swatch span{font-size:22px;line-height:1}.so-theme__swatch strong{font-size:17px;line-height:1.2;font-weight:850}.so-theme__label{display:block;text-align:center;margin-top:5px;font-size:12px;font-weight:750;color:#40556e}.so-theme input:checked+.so-theme__swatch{border:3px solid #12a79c;box-shadow:0 0 0 2px #e0f8f4}.so-theme input:focus-visible+.so-theme__swatch{outline:3px solid #142844;outline-offset:3px}
.so-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.so-color-field{display:flex;flex-direction:column;gap:8px;color:#314a64;font-size:12px;font-weight:750;background:#fafcfd;border:1px solid #e2eaf0;border-radius:10px;padding:10px}.so-color-field input{width:100%;height:39px;border:1px solid #d0dce4;background:transparent;border-radius:6px;cursor:pointer;padding:2px}.so-hint{font-size:12px;color:#657c8d;line-height:1.55;margin:12px 0 0}.so-hint[hidden]{display:none}.so-photo-upload{display:flex;flex-direction:column;gap:10px;background:#f7fbfc;border:1px dashed #a8c8d2;border-radius:10px;padding:17px;color:#2d4b62;font-weight:700;font-size:13px}.so-photo-upload input{max-width:100%;font:inherit;font-size:12px;font-weight:500;color:#455e75}.so-remove-photo{display:flex;align-items:center;gap:8px;margin-top:11px;color:#b14c64;font-size:12px;cursor:pointer}
.so-form-bottom{padding:24px}.so-checkbox{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.65;color:#5c7182;cursor:pointer}.so-checkbox input{flex:0 0 19px;width:19px;height:19px;margin-top:0;accent-color:#087f7b}.so-checkbox a{color:#097b7a;text-decoration:underline}.so-form-bottom .so-button{margin:19px 0 8px}.so-form-bottom>small{display:block;text-align:center;color:#6e8091;font-size:11px}.so-back{display:block;text-align:center;font-size:13px;color:#076f77;margin:12px 0 0}.so-honey{position:absolute;left:-9999px;max-width:1px;max-height:1px;overflow:hidden}
.so-preview-side{min-width:0;max-width:100%}.so-preview-stick{padding:20px;position:sticky;top:102px}.so-preview-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:17px}.so-preview-head h2{color:#142844;margin:5px 0 0;font-size:18px}.so-preview-status{background:#e5f7f1;border-radius:999px;color:#18796a;font-weight:800;font-size:10px;padding:7px 9px;white-space:nowrap}.so-preview-note{font-size:11px;line-height:1.6;color:#7d8a98;margin:14px 4px 0}
.so-card{max-width:100%;min-width:0;--so-bg:#fff0f4;--so-title:#803a60;--so-message:#253853;--so-accent:#b9517c;position:relative;isolation:isolate;overflow:hidden;background:var(--so-bg);border:1px solid rgba(12,31,50,.08);border-radius:19px;box-shadow:0 12px 35px rgba(31,45,65,.09);padding:35px 25px 29px;text-align:center;color:var(--so-message);font-family:inherit}.so-card>*:not(.so-card__ornament){position:relative;z-index:1}.so-card__ornament{position:absolute;right:13px;top:4px;font-size:78px;color:var(--so-accent);opacity:.09;line-height:1}.so-card__eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--so-title);font-size:10px;font-weight:850;margin:0 0 23px}.so-card__to{font-size:20px;font-weight:850;line-height:1.3;color:var(--so-title);overflow-wrap:anywhere;margin:0 0 9px}.so-card__title{font-family:inherit;font-size:clamp(26px,2.8vw,39px);font-weight:850;letter-spacing:-.035em;line-height:1.18;color:var(--so-title);overflow-wrap:anywhere;margin:0 0 11px}.so-card__subtitle{color:var(--so-title);font-size:13px;font-style:italic;line-height:1.5;margin:0 0 18px;overflow-wrap:anywhere;opacity:.9}.so-card__subtitle[hidden]{display:none}
.so-card__image-box{display:block;margin:17px auto 22px;width:min(285px,100%);max-height:390px;overflow:hidden;border:5px solid rgba(255,255,255,.9);border-radius:13px;box-shadow:0 7px 22px rgba(22,36,50,.13);background:rgba(255,255,255,.3)}.so-card__image-box[hidden]{display:none}.so-card__image{width:100%;height:100%;display:block;object-fit:contain}.so-card__image-box[data-ratio="contain"]{height:auto;max-height:390px}.so-card__image-box[data-ratio="contain"] img{height:auto;max-height:370px;object-fit:contain}.so-card__image-box[data-ratio="square"]{aspect-ratio:1/1}.so-card__image-box[data-ratio="portrait"]{aspect-ratio:4/5}.so-card__image-box[data-ratio="wide"]{aspect-ratio:16/9}.so-card__image-box[data-ratio]:not([data-ratio="contain"]) img{height:100%;object-fit:cover}.so-card__image[data-position="top"]{object-position:center top}.so-card__image[data-position="bottom"]{object-position:center bottom}.so-card__image[data-position="center"]{object-position:center center}
.so-card__message{color:var(--so-message);font-size:16px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;max-width:530px;margin:20px auto 18px}.so-card__signature{color:var(--so-title);font-size:13px;line-height:1.5;margin:20px 0 0;overflow-wrap:anywhere}.so-card__signature strong{font-weight:850}.so-card__footer{margin-top:28px;color:var(--so-accent);font-size:11px;font-weight:850;letter-spacing:.08em}.so-font-zarif .so-card__title,.so-font-zarif .so-card__subtitle,.so-font-zarif .so-card__message{font-family:Georgia,'Times New Roman',serif}.so-font-zarif .so-card__title{font-weight:700;font-style:italic}.so-font-klasik .so-card__title,.so-font-klasik .so-card__message{font-family:Georgia,'Times New Roman',serif}.so-font-klasik .so-card__title{letter-spacing:0;font-weight:700}
.so-bottom-note{text-align:center;color:#73879a;font-size:12px;margin-top:39px}.so-notice{border-radius:12px;padding:15px 20px;margin:20px 0;font-size:13px}.so-notice--success{background:#e6f8ef;border:1px solid #a7dcc5;color:#245a43}.so-notice--error{background:#fff1f2;border:1px solid #f3c7d1;color:#90364c}.so-notice ul{margin:9px 0 0;padding-left:21px}
.so-container--small{max-width:740px}.so-gift-page{padding-top:35px}.so-gift-page .so-card{padding:56px 35px 43px;border-radius:22px}.so-gift-page .so-card__title{font-size:clamp(31px,4.3vw,49px)}.so-gift-page .so-card__message{font-size:clamp(17px,2vw,21px)}.so-gift-actions{display:flex;gap:12px;flex-direction:column;align-items:center;margin:24px 0}.so-gift-actions .so-button{width:auto;max-width:100%}.so-report{font-size:12px;color:#708297;text-align:center}.so-report summary{cursor:pointer;text-decoration:underline}.so-report form{display:grid;gap:12px;max-width:390px;background:#fff;padding:18px;border:1px solid #dce8ee;border-radius:12px;margin:14px auto;text-align:left}.so-report form label{font-weight:750}.so-report p{font-size:13px;color:#087c68}
.so-manage{padding:34px;max-width:740px;margin:28px auto}.so-manage h1{font-size:clamp(25px,3vw,32px);line-height:1.25;color:#142844;margin:12px 0}.so-manage p{color:#61768a;line-height:1.65;font-size:14px}.so-share-field{margin:27px 0}.so-share-field label{display:block;margin-bottom:8px;font-size:13px;font-weight:800}.so-share-field>div{display:flex;gap:9px}.so-share-field input{min-width:0;flex:1}.so-share-field .so-button{flex:0 0 auto}.so-share-status{display:block;min-height:22px;font-size:12px;color:#0a8a80;margin-top:7px}.so-manage-actions{display:flex;gap:9px;flex-wrap:wrap}.so-manage-actions .so-button{flex:1;min-width:170px}.so-manage-notice{background:#f3f9fa;border:1px solid #d9e8ed;padding:17px;border-radius:10px;font-size:13px;line-height:1.7;color:#3f5a6b;margin:23px 0 0}.so-delete{margin-top:22px;text-align:center}.so-delete button{background:none;border:0;color:#a24762;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
@media(max-width:1050px){.so-studio{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:15px}.so-panel{padding:20px}.so-preview-stick{padding:14px}.so-theme__swatch{min-height:102px}}
@media(max-width:820px){.so-hero{grid-template-columns:1fr;gap:10px;padding:38px 27px 27px}.so-hero__art{min-height:195px}.so-hero__card{width:225px;padding:23px}.so-hero__card strong{font-size:28px}.so-studio{grid-template-columns:1fr;gap:19px}.so-preview-stick{position:static}.so-preview-side{grid-row:1}.so-preview-stick>.so-card{max-width:540px;margin:auto}.so-preview-note{text-align:center}.so-intro{margin:40px 0 23px}}
@media(max-width:550px){.so-page{padding:16px 0 34px}.so-hero{border-radius:18px;padding:31px 20px 23px;min-height:auto}.so-hero h1{font-size:37px}.so-hero p{font-size:14px}.so-hero p.so-hero__tagline{font-size:17px}.so-hero__points{gap:11px}.so-hero__art{min-height:180px}.so-intro h2{font-size:26px}.so-panel,.so-form-bottom{padding:18px;border-radius:15px}.so-fields-two{grid-template-columns:1fr}.so-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.so-theme__swatch{min-height:92px}.so-theme__swatch strong{font-size:14px}.so-theme__label{font-size:11px}.so-color-grid{gap:5px}.so-color-field{font-size:10px;padding:7px}.so-card{padding:26px 16px 22px;border-radius:16px}.so-card__title{font-size:30px}.so-card__message{font-size:15px}.so-preview-head{align-items:flex-start}.so-preview-status{font-size:9px}.so-manage{padding:23px 17px}.so-share-field>div{flex-direction:column}.so-gift-page .so-card{padding:37px 17px 29px}.so-manage-actions .so-button{min-width:100%}}
@media(prefers-reduced-motion:reduce){.so-button{transition:none}.so-button:hover{transform:none}}